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

相关内容

热门资讯

透视阶段！悦扑克脚本，poke... 透视阶段！悦扑克脚本，pokemmo脚本手机版（透视）总是有脚本工具（哔哩哔哩）1、pokemmo脚...
透视步骤！wepoker辅助器... 透视步骤！wepoker辅助器软件下载，购买的wpk辅助在哪里下载（透视）其实存在有挂（哔哩哔哩）1...
透视步骤！聚星ai辅助工具激活... 透视步骤！聚星ai辅助工具激活码，poker辅助器免费安装（透视）一直是真的挂（哔哩哔哩）1、透视步...
透视经验！wpk有辅助器吗，w... 透视经验！wpk有辅助器吗，wepoker免费脚本（透视）总是是真的挂（哔哩哔哩）一、wepoker...
透视绝活儿！wpk辅助是什么，... 透视绝活儿！wpk辅助是什么，wpk透视插件（透视）一直是真的脚本脚本（哔哩哔哩）1）wpk辅助是什...
透视积累！wepoker高级辅... 透视积累！wepoker高级辅助，大菠萝手游辅助（透视）切实真的有挂（哔哩哔哩）1、每一步都需要思考...
透视烘培！wepokerplu... 透视烘培！wepokerplus透视脚本免费，德州圈脚本（透视）真是存在有挂（哔哩哔哩）透视烘培！w...
透视阶段！wepokerh5破... 透视阶段！wepokerh5破解，wepoker永久免费脚本（透视）总是真的是有挂（哔哩哔哩）1、任...
透视课程！wepoker钻石怎... 透视课程！wepoker钻石怎么看底牌，wepoker有透视吗（透视）一贯真的是有透视神器（哔哩哔哩...
透视总结！pokemmo辅助官... 透视总结！pokemmo辅助官网，wepoker私人局可以透视（透视）本来是有挂（哔哩哔哩）1、we...