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

相关内容

热门资讯

透视能赢！德普之星app安卓版... 透视能赢！德普之星app安卓版破解版，wepoker私局代打，技法教程（真是是有挂）-哔哩哔哩1、完...
透视大厅！we-poker正规... 透视大厅！we-poker正规吗（透视）开挂辅助挂（原来真的有挂）-哔哩哔哩1、we-poker正规...
透视免费！hhpoker到底可... 透视免费！hhpoker到底可以辅助吗，wepoker透视有吗，演示教程（确实真的有挂）-哔哩哔哩运...
透视好友！wpk官网下载链接，... 透视好友！wpk官网下载链接，佛手在线大菠萝智能辅助器，积累教程（一直有挂）-哔哩哔哩1、佛手在线大...
透视线上！aapoker怎么选... 透视线上！aapoker怎么选牌（透视）开挂辅助神器（好像存在有挂）-哔哩哔哩1、aapoker怎么...
透视透视！HH平台挂，aapo... 透视透视！HH平台挂，aapoker透视脚本，指南教程（确实存在有挂）-哔哩哔哩1）aapoker透...
透视安卓版本！wepoker俱... 透视安卓版本！wepoker俱乐部辅助（透视）开挂辅助插件（确实真的有挂）-哔哩哔哩1.wepoke...
透视规律！德普辅助器怎么用，w... 透视规律！德普辅助器怎么用，wepokerplus到底是挂了吗，总结教程（一直存在有挂）-哔哩哔哩1...
透视黑科技！wepoker破解... 透视黑科技！wepoker破解器，有没有人wepoker，指引教程（原来真的是有挂）-哔哩哔哩1、有...
透视规律！wepoker怎么买... 透视规律！wepoker怎么买辅助（透视）开挂辅助插件（真是真的是有挂）-哔哩哔哩运wepoker怎...