angularViewChild在ngIf语句内部不起作用。
创始人
2024-10-29 22:00:41
0次

在使用 ViewChild 绑定模板变量之前，确保 ngIf 指令已经解析，因为如果 ngIf 中的条件为 false，那么绑定的元素就会被移除，ViewChild 也就无法找到这个元素了。有两种方法可以解决这个问题：

  1. 使用 ngAfterViewChecked 生命周期钩子，在每次视图变更检测后重新获取 ViewChild 元素。
  2. 把 ngIf 换成 NgSwitch 或者 NgTemplateOutlet，它们都不会移除元素，所以 ViewChild 能够正常工作。 示例代码如下：

element

// 错误示范 @ViewChild('myElement') myElement: ElementRef;

// 解决方法1 ngAfterViewChecked() { this.myElement = this.myElementRef.nativeElement; }

// 解决方法2

element

上一篇：AngularViewChild与ng-template一起使用时无法获取所有的innerHTML。

下一篇：AngularViewChild中组件选择器和查询选择器之间的区别是什么？

相关内容

热门资讯

透视插件！wepoker如何设... 透视插件！wepoker如何设置透视，wepoker私人局俱乐部怎么进，手筋教程（真是真的是有挂）-...
透视安卓版！we poker辅... 透视安卓版！we poker辅助器，约局吧怎么看有没有挂，绝活儿教程（果然是真的挂）-哔哩哔哩1、让...
透视透视！hardrock透视... 透视透视！hardrock透视工具，poker master辅助，资料教程（都是存在有挂）-哔哩哔哩...
透视苹果版！wepoker黑侠... 透视苹果版！wepoker黑侠辅助器，sohoo开挂辅助，要领教程（真是有挂）-哔哩哔哩1、不需要A...
透视挂！wepoker私人局辅... 您好，wepoker私人局辅助挂这款游戏可以开挂的，确实是有挂的，需要了解加去威信【13670430...
透视新版！wepoker辅助方... 透视新版！wepoker辅助方法，hhpoker开挂教程，技法教程（一直是有挂）-哔哩哔哩1、每一步...
透视免费！pokeplus脚本... 透视免费！pokeplus脚本，wpk俱乐部辅助器，课程教程（有挂实锤）-哔哩哔哩1、透视免费！po...
透视科技！hhpoker俱乐部... 透视科技！hhpoker俱乐部是干嘛的，hhpoker软件可以玩吗，教程书教程（有挂讲解）-哔哩哔哩...
透视讲解！aapoker公共底... 透视讲解！aapoker公共底牌，wepoker底牌透视，模板教程（有挂教学）-哔哩哔哩1、进入到a...
透视软件！德州局脚本，拱趴大菠... 透视软件！德州局脚本，拱趴大菠萝挂哪里，资料教程（有挂总结）-哔哩哔哩1、玩家可以在拱趴大菠萝挂哪里...