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

相关内容

热门资讯

透视详细！wepoker辅助器... 透视详细！wepoker辅助器安装包（透视）wepoker辅助器安装包，教程手筋（竟然有挂）-哔哩哔...
透视教你！wepoker透视有... 透视教你！wepoker透视有用吗（透视）智星菠萝透视，教程诀窍（有挂攻略）-哔哩哔哩1、首先打开w...
透视透视！pokerworld... 透视透视！pokerworld修改器（透视）xpoker辅助神器，教程经验（有挂透明挂）-哔哩哔哩1...
透视科普！epoker免费透视... 透视科普！epoker免费透视脚本（透视）wepoker怎么看牌型，教程要领（有挂头条）-哔哩哔哩1...
透视揭露！wepoker透视脚... 透视揭露！wepoker透视脚本免费app（透视）wpk私人局辅助是真的吗，教程手册（有挂分析）-哔...
透视曝光！aapoker辅助怎... 透视曝光！aapoker辅助怎么用（透视）wpk插件辅助，教程攻略（有挂讲解）-哔哩哔哩1、打开软件...
透视解密！xpoker透视辅助... 透视解密！xpoker透视辅助（透视）fishpoker透视底牌，教程操作（真是有挂）-哔哩哔哩1、...
透视透视！聚星ai辅助工具收费... 透视透视！聚星ai辅助工具收费多少（透视）wepoker有透视吗，教程方式（有挂解密）-哔哩哔哩1、...
透视普及！如何判断wpk辅助软... 透视普及！如何判断wpk辅助软件的真假（透视）wepoker透视脚本免费使用视频，教程手册（有挂实锤...
透视辅助！aapoker透视怎... 透视辅助！aapoker透视怎么用（透视）德普之星透视辅助，教程方针（确实有挂）-哔哩哔哩1、每一步...