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

相关内容

热门资讯

技术分享！开心泉州小程序辅助器... 技术分享！开心泉州小程序辅助器，wpk辅助哪里买，分享教程（真是有挂）是一款可以让一直输的玩家，快速...
避坑细节！天天透视辅助工具，w... 避坑细节！天天透视辅助工具，wepokerh5破解，德州教程（有挂规律）是一款可以让一直输的玩家，快...
盘点一款！打两圈辅助，wepo... 盘点一款！打两圈辅助，wepoker辅助透视，技巧教程（有挂教程）;1、完成打两圈辅助的残局，帮助玩...
技术分享！微信微乐跑得快游戏辅... 【福星临门，好运相随】；技术分享！微信微乐跑得快游戏辅助脚本，大菠萝免费辅助器，线上教程（有挂工具）...
分享一款！钱塘十三水辅助，we... 分享一款！钱塘十三水辅助，wepoker私人定制透视，2025新版技巧（确实有挂）是一款可以让一直输...
指导大家！微友助手破解版，we... 指导大家！微友助手破解版，wepoker插件下载，微扑克教程（新版有挂）是一款可以让一直输的玩家，快...
总算清楚！温州熟客辅助，wer... 总算清楚！温州熟客辅助，werplan辅助软件，必胜教程（有挂功能）;1、不需要AI权限，帮助你快速...
最新技巧！欢聚水鱼辅助，德州透... 最新技巧！欢聚水鱼辅助，德州透视hhpoker，wepoke教程（有挂辅助）是一款可以让一直输的玩家...
科技新动态！聚财平台辅助，黑侠... 科技新动态！聚财平台辅助，黑侠破解wepoker，第三方教程（有挂解密）;是一款可以让一直输的玩家，...
重大消息！奇迹思维辅助，wep... 重大消息！奇迹思维辅助，wepoker怎么提高运气，wpk教程（有挂技巧）;是一款可以让一直输的玩家...