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透视... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
科普，WePoker透视挂效果... 本地部署 AI 黑科技工具迎来新版本，不用上传文件到云端就能完成WePoker透视挂效果如何解析、 ...
技术分享，wepoker有透视... 技术分享，wepoker有透视挂吗，菠萝智星德州有挂么绝活儿（一直是有辅助挂）AI 智能体黑科技再上...
切实教程，wepokerplu... 切实教程，wepokerplus德州作弊，智星菠萝德州透视神器法子（往昔真的是有开挂）主打本地运行的...
AI教程，德扑之星的亮点，德扑... 您好，AI教程，德扑之星的亮点，德扑之星透视开挂项目（最初有透视）这款游戏可以开挂的，确实是有挂的，...
玩家必备科普，WePoKer透... 玩家必备科普，WePoKer透视软件怎么用，wpk到底有挂吗要领（起初真的有透视挂）AI 智能体黑科...
玩家必备教程，wepoker发... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
热门推荐，wepokerplu... 您好：wepokerplus辅助透视教程这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都...
解密关于，wpk破解器，菠萝智... 您好：wpk破解器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
一分钟快速了解，手机德州有没有... 您好，手机德州有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在...