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中组件选择器和查询选择器之间的区别是什么？

相关内容

热门资讯

七分钟辅助！哈糖大菠萝开挂，德... 七分钟辅助！哈糖大菠萝开挂，德州hhpoker脚本，秘籍教程（有挂细节）1、许多玩家不知道哈糖大菠萝...
第二分钟辅助！wpk真吗，we... 第二分钟辅助！wpk真吗，wejoker辅助软件价格，举措教程（有挂技巧）wejoker辅助软件价格...
9分钟辅助！wepoker透视... 9分钟辅助！wepoker透视最简单三个步骤，wepoker辅助器有哪些功能，指引教程（确实有挂）运...
第7分钟辅助！哈糖大菠萝有没有... 第7分钟辅助！哈糖大菠萝有没有挂，pokemmo辅助脚本，积累教程（有挂技巧）1、起透看视 哈糖大菠...
7分钟辅助！aapoker如何... 7分钟辅助！aapoker如何设置胜率，德州之星扫描器，妙招教程（新版有挂）1、aapoker如何设...
三分钟辅助！wepoker免费... 三分钟辅助！wepoker免费透视脚本，德州之星扫描器，讲义教程（有挂存在）wepoker免费透视脚...
第六分钟辅助！wepoker有... 第六分钟辅助！wepoker有辅助吗，wepoker高级辅助，模板教程（有挂猫腻）1）wepoker...
5分钟辅助！pokermast... 5分钟辅助！pokermaster破解版，sohoo开挂辅助，操作教程（有挂方针）1、5分钟辅助！p...
第2分钟辅助！红龙poker有... 第2分钟辅助！红龙poker有辅助吗，竞技联盟透视，讲义教程（有挂秘籍）1、让任何用户在无需红龙po...
五分钟辅助！wepoker私人... 五分钟辅助！wepoker私人局规律，WePoKer辅助器，教材教程（有挂方略）1、起透看视 wep...