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私人局怎么玩，德普之星辅助工具如何打开，总是真的有挂（有挂总结）德普之星辅...
有了最新消息！wpk作弊是真的... 有了最新消息！wpk作弊是真的吗，德普之星怎么设置埋牌，真是存在有挂（的确有挂）1）德普之星怎么设置...
这一问题亟待解决！wepoke... 这一问题亟待解决！wepoker辅助真的假的，德扑之星辅助器怎么用，原来是真的有挂（有挂神器）1、用...
出乎意料的是！wepoker俱... 出乎意料的是！wepoker俱乐部辅助，德普之星辅助器app，果然是有挂（有挂功能）1、点击下载安装...
技巧辅助挂！wepoker透视... 技巧辅助挂！wepoker透视脚本是什么，德普辅助器怎么用，原来存在有挂（有挂细节）1、每一步都需要...
技巧辅助挂！拱趴大菠萝挂怎么安... 技巧辅助挂！拱趴大菠萝挂怎么安装，德普辅助app，其实确实有挂（有挂分析）亲，关键说明，德普辅助ap...
有了最新消息！德普之星辅助器怎... 有了最新消息！德普之星辅助器怎么用，德普之星私人局透视，一贯是真的有挂（的确有挂）1、首先打开德普之...
为了进一步！hhpoker智能... 为了进一步！hhpoker智能辅助插件，德普之星辅助工具如何设置，真是真的有挂（有挂技巧）1.德普之...
于此同时！wepoker破解器... 于此同时！wepoker破解器激活码，德普之星辅助软件，真是是有挂（有挂方法）德普之星辅助软件脚本下...
有消息称！xpoker怎么作弊... 有消息称！xpoker怎么作弊，智星德州插件，确实是有挂（有挂攻略）暗藏猫腻，小编详细说明智星德州插...