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

相关内容

热门资讯

今日科普“浙江游戏大厅辅助器”... 今日科普“浙江游戏大厅辅助器”固有有辅助开挂安装（有挂教学）；无需打开直接搜索打开薇:1367043...
科普分享“新星游辅助软件试用版... 您好：新星游辅助软件试用版这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...
指导大家“随意玩家透视辅助”起... 指导大家“随意玩家透视辅助”起初有开挂辅助软件（真是有挂）；无需打开直接搜索加（薇:13670430...
透视挂透视“杭州都莱app有辅... 您好：杭州都莱app有辅助吗这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...
必看攻略“老铁联盟辅助器免费版... 老铁联盟辅助器免费版开挂教程视频分享装挂详细步骤在当今的网络游戏中，老铁联盟辅助器免费版作为一种经典...
透视透视挂“心悦怎么开挂”一向... 透视透视挂“心悦怎么开挂”一向有辅助平台（有挂存在）；无需打开直接搜索薇:136704302 咨询了...
一分钟了解“闲逸亲友圈下载辅助... 一分钟了解“闲逸亲友圈下载辅助”原本有辅助开挂挂（有挂细节）；亲，闲逸亲友圈下载辅助这款游戏原来确实...
透视挂透视“决胜麻架胡易辅助”... 透视挂透视“决胜麻架胡易辅助”原生有开挂辅助神器（果真有挂）；无需打开直接搜索加（薇:1367043...
玩家必看分享“陕西三代辅助”素... 陕西三代辅助开挂教程视频分享装挂详细步骤在当今的网络游戏中，陕西三代辅助作为一种经典的娱乐方式，吸引...
玩家必备教程“丫丫老陕开挂”素... 丫丫老陕开挂是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信（...