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

相关内容

热门资讯

WPK私人局项目!wejoke... WPK私人局项目!wejoker内置辅助,德州微扑克真是存在有辅助方法1、进入到wejoker内置辅...
WPK链接烘培!wepoker... WPK链接烘培!wepoker私人局俱乐部怎么进,德州微扑克切实是有辅助方法1）wepoker私人局...
WPK安装绝活儿!wepoke... WPK安装绝活儿!wepoker免费脚本咨询,德州微扑克其实真的是有开挂技巧1、wepoker免费脚...
WPK多开技法!德朴之星脚本,... WPK多开技法!德朴之星脚本,德州微扑克一贯存在有辅助教程1、这是跨平台的德朴之星脚本轻量版有透视，...
WPK有透视手册!wepoke... WPK有透视手册!wepoker透视脚本网页,德州微扑克本来真的是有开挂app1、超多福利：超高返利...
WPK私人局演示!wepoke... WPK私人局演示!wepoker辅助透视软件,德州微扑克总是真的有辅助appwepoker辅助透视软...
WPK靠谱策略!wepoker... WPK靠谱策略!wepokerplus开挂,德州微扑克真是真的有开挂教程1、在wepokerplus...
WPK透视版要领!wepoke... WPK透视版要领!wepoker新号好一点吗,德州微扑克切实存在有透视教程wepoker新号好一点吗...
WPK控制牌策略!wepoke... WPK控制牌策略!wepoker透视脚本免费下载,德州微扑克本来存在有辅助攻略wepoker透视脚本...
WPK插件演示!wepoker... WPK插件演示!wepoker网页版透视方法,德州微扑克好像真的有开挂神器1）wepoker网页版透...