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

相关内容

热门资讯

第六分钟法子！威信茶馆透视辅助... 第六分钟法子！威信茶馆透视辅助工具，微信小程序游戏辅助器，必胜教程（有挂辅助）-哔哩哔哩1、许多玩家...
四分钟操作！宁夏划水辅助，宝宝... 四分钟操作！宁夏划水辅助，宝宝游戏辅助，德州教程（有挂详情）-哔哩哔哩进入游戏-大厅左侧-新手福利-...
第8分钟总结！边锋干瞪眼脚本，... 第8分钟总结！边锋干瞪眼脚本，开心泉州免费辅助器，技巧教程（有挂解密）-哔哩哔哩开心泉州免费辅助器辅...
九分钟指引！川娱竞技插件，冰球... 九分钟指引！川娱竞技插件，冰球突破辅助软件，细节揭秘（有挂方法）-哔哩哔哩1、玩家可以在冰球突破辅助...
第三分钟阶段！上饶中至能操控吗... 第三分钟阶段！上饶中至能操控吗，兴动互娱辅助工具，必胜教程（证实有挂）-哔哩哔哩1、玩家可以在上饶中...
三分钟窍要！飞驰娱乐软件科技，... 三分钟窍要！飞驰娱乐软件科技，九酷众游软件，我来教教你（有挂透视）-哔哩哔哩1、首先打开飞驰娱乐软件...
第一分钟指南！传送屋激k万能辅... 第一分钟指南！传送屋激k万能辅助器app，海贝之城有辅助吗，总结教程（有挂方法）-哔哩哔哩；1、完成...
4分钟教材！天天炫斗辅助工具，... 4分钟教材！天天炫斗辅助工具，518互游辅助，新2025版（证实有挂）-哔哩哔哩1、游戏颠覆性的策略...
第2分钟秘籍！纳祥游戏科技，竹... 第2分钟秘籍！纳祥游戏科技，竹间茶馆辅助，新版2025教程（有挂工具）-哔哩哔哩小薇（透视辅助）致您...
八分钟妙招！微信小程序雀神广东... 八分钟妙招！微信小程序雀神广东辅助器，微信边锋辅助下载，总结教程（有挂方针）-哔哩哔哩亲，关键说明，...