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

相关内容

热门资讯

每日必看!德普之星辅助器怎么用... 每日必看!德普之星辅助器怎么用,德扑之星有挂透视吗安装（本然真的是有辅助挂）AI 是一款可以让一直输...
玩家必看!德普之星透视辅助软件... 玩家必看!德普之星透视辅助软件是真的吗,微扑克是如何开挂的助手（原先真的有辅助挂）AI 智能体黑科技...
一分钟教你!wepoker辅助... 一分钟教你!wepoker辅助器激活码,微扑克透视工具（一向有辅助）主打本地运行的 AI 黑科技工具...
揭秘关于!wpk真的有透视嘛,... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
我来分享!wpk安卓下载辅助,... 本地部署 AI 黑科技工具迎来新版本，不用上传文件到云端就能完成wpk安卓下载辅助解析、 AI 处理...
必知教程!wpk作弊,WPK透... wpk作弊AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包，断网状...
盘点一款!!wepoker怎么... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
必备教程!wpk辅助器是真的吗... 很多人使用云端 AI 时，都担心wpk辅助器是真的吗、内部资料上传带来隐私风险。这款本地运行的 AI...
玩家必看教程!!德普软件,德扑... 您好，玩家必看教程!!德普软件,德扑之星有挂吗确实有挂神器（果然存在有辅助）这款游戏可以开挂的，确实...
今日百科!微扑克辅助,德扑之星... 今日百科!微扑克辅助,德扑之星有挂么辅助插件（原先真的有辅助器）AI 是一款可以让一直输的玩家修复黑...