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辅助，... 最新技巧！hhpoker辅助，wepoker透视脚本是什么，实用技巧（一直是有挂）-哔哩哔哩;人气非...
分享一款！德普之星透视辅助软件... 分享一款！德普之星透视辅助软件激活码，cloudpoker辅助，曝光教程（一直真的是有挂）-哔哩哔哩...
玩家交流！sohoo辅助，we... 玩家交流！sohoo辅助，wepoker免费透视脚本，线上教程（一直是有挂的）-哔哩哔哩;wepok...
科技通报！pokermaste... 科技通报！pokermaster修改器，佛手在线大菠萝辅助，教你教程（其实真的是有挂）-哔哩哔哩;1...
玩家必用！wepoker有辅助... 玩家必用！wepoker有辅助器吗，wpk透视是真的假的，详细教程（果然是有挂）-哔哩哔哩;1、这是...
科普！hhpoker是内部控制... 科普！hhpoker是内部控制吗，wpk俱乐部是做什么的，技巧教程（一贯是有挂）-哔哩哔哩；致您一封...
终于知道！pokerworld... 终于知道！pokerworld修改器，wepoker数据分析工具，必胜教程（其实有挂）-哔哩哔哩;1...
透视免费！wepoker数据分... 透视免费！wepoker数据分析工具，wejoker辅助器要钱玩吗，玩家教你（一贯确实有挂）-哔哩哔...
辅助透视！wepoker破解器... 辅助透视！wepoker破解器，有没有人wepoker，必赢教程（一贯是有挂的）-哔哩哔哩；详细有没...
玩家必看教程！wepoker好... 玩家必看教程！wepoker好友助力码，wepoker有没有机器人，可靠教程（其实是有挂）-哔哩哔哩...