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

相关内容

热门资讯

终于懂了"poker... 终于懂了"pokermaster辅助器"开挂(透视)we poker免费辅助器(有挂方式);1、超多...
科普分享"微信三哥玩... 科普分享"微信三哥玩辅助器"开挂(透视)德州真人透视脚本(有挂方略)；微信三哥玩辅助器简单的透视挂控...
一分钟揭秘"新西部微... 一分钟揭秘"新西部微信辅助"开挂(透视)wepoker代打辅助(有挂分享);是一项软件透视开挂的竞技...
一分钟了解"德州扑克... 一分钟了解"德州扑克游戏辅助"开挂(透视)wepoker可以免费玩吗(有挂头条);德州扑克游戏辅助是...
玩家必用"微乐麻将自... 玩家必用"微乐麻将自建房app"开挂(透视)hh poker辅助有用吗(有挂辅助)；是一款益智类棋牌...
透视好友"新众乐辅助... 透视好友"新众乐辅助"开挂(透视)智星菠萝透视(有挂功能)；免费下载原版，在软件透视开挂可以安装到哦...
透视挂"雀姬手机辅助... 透视挂"雀姬手机辅助脚本"开挂(透视)wepoker手机版辅助(果真有挂)；1. ai辅助创建新账号...
专业讨论"边锋辅助脚... 专业讨论"边锋辅助脚本"开挂(透视)uupoker有透视吗(存在有挂);1、不需要AI权限，帮助你快...
来一盘"微信途游辅助... 来一盘"微信途游辅助器"开挂(透视)wepoker私人局透视教程(了解有挂)；微信途游辅助器简单的透...
盘点几款"黑桃k大厅... 盘点几款"黑桃k大厅辅助"开挂(透视)hhpoker德州有挂吗(有挂技巧);黑桃k大厅辅助AI智能教...