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透视工作室，w... 透视教学！wpk透视工作室，wpk模拟器多开，我来教教你（有挂规律）1、首先打开wpk模拟器多开最新...
透视辅助！wpk有那种辅助吗，... 透视辅助！wpk有那种辅助吗，wpk有作弊吗，安装教程（有挂方法）运wpk有那种辅助吗辅助工具，进入...
透视有挂！wpk免费辅助，wp... 透视有挂！wpk免费辅助，wpk真吗，切实教程（有挂解密）1、完成wpk免费辅助的残局，帮助玩家取得...
透视工具！wpk模拟器是什么，... 透视工具！wpk模拟器是什么，wpk透视是真的吗，力荐教程（有挂解密）小薇（透视辅助）致您一封信；亲...
透视计算！wpk俱乐部辅助器，... 透视计算！wpk俱乐部辅助器，wpk私人局有透视吗，辅助教程（有挂详情）；一、wpk私人局有透视吗A...
透视最新！wpk安卓下载辅助，... 透视最新！wpk安卓下载辅助，wpk真吗，分享教程（有挂解说）1、下载好wpk安卓下载辅助辅助软件之...
透视规律！wpk刷入池率脚本，... 透视规律！wpk刷入池率脚本，wpk俱乐部怎么作弊，AI教程（有挂细节）1、wpk俱乐部怎么作弊系统...
透视软件！wpk辅助购买，wp... 透视软件！wpk辅助购买，wpk私人局有透视吗，存在挂教程（有挂插件）；进入游戏-大厅左侧-新手福利...
透视中牌率！wpk有辅助器吗，... 透视中牌率！wpk有辅助器吗，wpk辅助，解说技巧（有挂方法）1、用户打开应用后不用登录就可以直接使...
透视辅助！wpk有那种辅助吗，... 透视辅助！wpk有那种辅助吗，如何下载wpk透视版，2025新版教程（有挂详情）1、进入游戏-大厅左...