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

相关内容

热门资讯

曝光透视！wepokerplu... 曝光透视！wepokerplus透视脚本免费，微乐小程序游戏破解器，模板教程（有挂攻略）-哔哩哔哩1...
必备透视！wepoker私人局... 必备透视！wepoker私人局怎么玩，微乐麻将脚本掌上程序，模块教程（竟然有挂）-哔哩哔哩一、wep...
总结透视！德扑圈透视挂，微乐自... 总结透视！德扑圈透视挂，微乐自建房脚本使用安全吗，窍要教程（有挂实锤）-哔哩哔哩1、游戏颠覆性的策略...
辅助透视！We poker辅助... 辅助透视！We poker辅助器下载，微乐钻石兑换码，策略教程（发现有挂）-哔哩哔哩1、进入到We ...
解谜透视！sohoo开挂辅助，... 解谜透视！sohoo开挂辅助，万能透视辅助器免费版，要领教程（有挂神器）-哔哩哔哩1）sohoo开挂...
有挂透视！wepoker辅助是... 有挂透视！wepoker辅助是真的假的，微信小程序游戏破解器，模板教程（确实有挂）-哔哩哔哩1、让任...
辅助透视！pokemmo手机脚... 辅助透视！pokemmo手机脚本辅助器，微乐自建房脚本使用安全吗，讲义教程（有挂教程）-哔哩哔哩在进...
专业透视！wepoker可以透... 专业透视！wepoker可以透视码，微乐小程序授权，方针教程（有挂详细）-哔哩哔哩1、游戏颠覆性的策...
必备透视！wepoker私人局... 必备透视！wepoker私人局外卦，微乐脚本，阶段教程（存在有挂）-哔哩哔哩1、游戏颠覆性的策略玩法...
开挂透视！wepoker免费透... 开挂透视！wepoker免费透视脚本，微信小程序微乐辅助器教程图片，教材教程（讲解有挂）-哔哩哔哩运...