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

相关内容

热门资讯

技术分享"微乐小程序... 技术分享"微乐小程序卡五星脚本"开挂(透视)辅助插件(其实确实有挂)-哔哩哔哩;是一款可以让一直输的...
第4分钟带你了解!全民牛牛拼三... 第4分钟带你了解!全民牛牛拼三张开挂(辅助挂)盘点一款外挂开挂辅助神器(一直是有挂) 了解更多开挂安...
透视总结"葫芦娃辅助... 透视总结"葫芦娃辅助器直装"开挂(透视)辅助工具(其实确实有挂)-哔哩哔哩，葫芦娃辅助器直装是用手机...
第三分钟带你了解!奇迹思维辅助... 第三分钟带你了解!奇迹思维辅助(辅助挂)指导大家外挂开挂辅助下载(其实有挂)>>您好：软件加1367...
5分钟带你了解!微信牵手跑辅助... 5分钟带你了解!微信牵手跑辅助(辅助挂)实测发现外挂开挂辅助工具(一贯真的有挂)您好：微信牵手跑辅助...
实测揭晓"新超凡辅助... 实测揭晓"新超凡辅助"开挂(透视)辅助脚本(其实确实是有挂的)-哔哩哔哩；新超凡辅助中的10万兆豆可...
第3分钟带你了解!相约十三水辅... 第3分钟带你了解!相约十三水辅助(透视挂)玩家亲测外挂开挂辅助软件(果然是有挂的)【无需打开直接搜索...
玩家必备科普"都莱大... 玩家必备科普"都莱大菠萝怎么赢"开挂(透视)辅助插件(其实真的有挂)-哔哩哔哩；致您一封信；亲爱都莱...
十分钟带你了解!微信边锋辅助器... 十分钟带你了解!微信边锋辅助器(透视挂)透视免费外挂开挂辅助软件(原来有挂)；无需打开直接搜索加（薇...
透视安卓版"金虎爷有... 【福星临门，好运相随】；透视安卓版"金虎爷有挂吗"开挂(透视)辅助插件(原来是真的有挂的)-哔哩哔哩...