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

相关内容

热门资讯

实测发现!大众茶苑透视挂功能工... 实测发现!大众茶苑透视挂功能工具,大众茶苑果然是真的有透视挂工具1、起透看视 大众茶苑辅助软件价格2...
玩家必备教程!锦葵游戏透视功能... 玩家必备教程!锦葵游戏透视功能插件,锦葵游戏好像真的是有透视插件1、游戏颠覆性的策略玩法，独创攻略技...
科技通报!冰球突破透视挂功能神... 科技通报!冰球突破透视挂功能神器,冰球突破真是是有透视挂神器科技通报!冰球突破透视挂功能神器,冰球突...
玩家必用!全来潜山跑风透视功能... 玩家必用!全来潜山跑风透视功能脚本,全来潜山跑风好像存在有透视脚本1、全来潜山跑风有没有辅助教程、全...
必备科技!雪碧辅助器功能教程,... 必备科技!雪碧辅助器功能教程,雪碧好像真的有辅助器教程1、雪碧模拟器是什么优化，雪碧俱乐部是真的科技...
今日焦点!乐天游透视功能工具,... 今日焦点!乐天游透视功能工具,乐天游真是有透视工具1、今日焦点!乐天游透视功能工具,乐天游真是有透视...
教学盘点!钱柜手游辅助器功能软... 教学盘点!钱柜手游辅助器功能软件,钱柜手游一直真的有辅助器软件钱柜手游能透视中分为三种模型：钱柜手游...
一起来讨论!心悦斗地主辅助器功... 一起来讨论!心悦斗地主辅助器功能脚本,心悦斗地主一直是有辅助器脚本1、在心悦斗地主插件功能辅助器技巧...
一分钟了解!情怀透视挂功能ap... 您好，情怀这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏...
玩家必用!山西麻将透视功能脚本... 玩家必用!山西麻将透视功能脚本,山西麻将切实真的有透视脚本1、山西麻将免费辅助多个强度级别选择2、山...