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

相关内容

热门资讯

玩家必备科普透视挂!wepok... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
玩家必看科普开挂!之星私人局辅... 很多人使用云端 AI 时，都担心之星私人局辅助器、内部资料上传带来隐私风险。这款本地运行的 AI 黑...
玩家必用辅助挂!WPK透视版,... 玩家必用辅助挂!WPK透视版,WPK透视辅助安装（果然真的有辅助挂）AI 智能体黑科技再上新，自动化...
玩家爆料透视挂!wepoker... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
教你攻略辅助挂!德普之星透视辅... 德普之星透视辅助iosAI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数...
实测揭晓!透视!wepoker... wepoker能不能透视AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略...
来一盘透视!wepoker模拟... 您好：wepoker模拟器哪个这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...
今日公布透视挂!wepoker... 今日公布透视挂!wepoker开脚本视频,微扑克辅助软件助手（素来真的有透视挂）AI 是一款可以让一...
玩家亲测透视!智星菠萝有挂吗,... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
分享个大家透视!wpk辅助器是... 很多人使用云端 AI 时，都担心wpk辅助器是真的吗、内部资料上传带来隐私风险。这款本地运行的 AI...