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

相关内容

热门资讯

有挂规律开挂！老友广东麻将有挂... 老友广东麻将有挂吗 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: ...
有挂实锤开挂！途游辅助器软件，... 有挂实锤开挂！途游辅助器软件，德扑圈有透视吗（一分钟了解开挂辅助工具）；无需打开直接搜索加（薇:13...
有挂秘籍开挂！全民内蒙古辅助，... 有挂秘籍开挂！全民内蒙古辅助，789大菠萝可以控制吗（推荐十款开挂辅助软件）您好：789大菠萝可以控...
确实有挂开挂！川滇互娱app辅... >>您好：川滇互娱app辅助确实是有挂的，很多玩家在这款川滇互娱app辅助游戏中打牌都会发现很多用户...
有挂规律开挂！微信小程序辅助器... 微信小程序辅助器出租 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由:...
有挂教程开挂！赣州冲关辅助，情... 有挂教程开挂！赣州冲关辅助，情怀宜春辅助（科技新动态开挂辅助软件）您好：情怀宜春辅助这款游戏可以开挂...
有挂教程开挂！关春天开挂，德普... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...
存在有挂开挂！小程序牵手跑得快... 存在有挂开挂！小程序牵手跑得快辅助器，中至赣州黑科技辅助软件（如何分辨真伪开挂辅助下载）>>您好：软...
有挂技巧辅助！微乐老友广东辅助... 有挂技巧辅助！微乐老友广东辅助器，乐平讨赏挂（透视最新开挂辅助插件）微乐老友广东辅助器ai黑科技系统...
有挂讲解开挂！填大坑辅助器，老... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...