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

相关内容

热门资讯

细节辅助！约局吧黑科技辅助器，... 长了四人上品十三攻略开挂教程视频分享装挂详细步骤在当今的网络游戏中，长了四人上品十三攻略作为一种经典...
盘点辅助！朋朋政和软件辅助，赣... 您好：这款赣牌圈小程序破解版游戏是可以开挂的，确实是有挂的，很多玩家在这款赣牌圈小程序破解版游戏中打...
科技辅助！指尖四川辅助脚本，乐... 科技辅助！指尖四川辅助脚本，乐平讨赏挂，分享个大家开挂（有挂助手） 了解更多开挂安装加（136704...
盘点辅助！麻雀智能辅助软件开挂... 盘点辅助！麻雀智能辅助软件开挂，新上游通用挂是真的吗，透视能赢开挂（有挂分析）您好：新上游通用挂是真...
教会辅助！人海大厅脚本，衢州都... 教会辅助！人海大厅脚本，衢州都莱辅助软件，教程辅助开挂（有挂辅助）>>您好：软件加薇13670430...
推荐辅助！免费吉祥填大坑有插件... 推荐辅助！免费吉祥填大坑有插件吗，小程序卡五星辅助，透视辅助开挂（有挂实锤）《详细加薇1367043...
传授辅助！浙江游戏大厅脚本软件... 传授辅助！浙江游戏大厅脚本软件，决战卡五星开挂方法，透视黑科技开挂（详细教程）浙江游戏大厅脚本软件a...
科技辅助！人海大厅脚本，皮皮胡... 您好：这款人海大厅脚本游戏是可以开挂的，确实是有挂的，很多玩家在这款人海大厅脚本游戏中打牌都会发现很...
传授辅助！丽水都莱有辅助吗，决... 传授辅助！丽水都莱有辅助吗，决战十水三辅助，一起来探讨开挂（有挂助手）【无需打开直接搜索加薇1367...
盘点辅助！奇迹陕西抢红包辅助器... 盘点辅助！奇迹陕西抢红包辅助器，随意玩辅助器，透视辅助开挂（今日头条）；无需打开直接搜索打开薇:13...