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、该软件可以轻松地帮助玩家将拼三...
有玩家发现！丰城呱呱辅助器，一... 有玩家发现！丰城呱呱辅助器，一直真的有辅助神器（存在有挂）-哔哩哔哩1、金币登录送、破产送、升级送、...
这一问题亟待解决！三加一辅助，... 这一问题亟待解决！三加一辅助，都是存在有辅助修改器（新版有挂）-哔哩哔哩1、进入到三加一辅助是否有挂...
今天上午！老友麻将辅助器，好像... 今天上午！老友麻将辅助器，好像存在有辅助脚本（有挂分析）-哔哩哔哩所有人都在同一条线上，像星星一样排...
据了解！一起宁德福鼎打炸辅助，... 您好，一起宁德福鼎打炸辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...
反观！牛总管辅助神器，总是是真... 反观！牛总管辅助神器，总是是真的辅助挂（今日头条）-哔哩哔哩1、下载好牛总管辅助神器正确养号方法之后...
更值得关注的是！雀神广东定制插... 更值得关注的是！雀神广东定制插件，确实真的是有辅助神器（有挂工具）-哔哩哔哩1、下载好雀神广东定制插...
做出回应！佛手大菠萝破解版io... 做出回应！佛手大菠萝破解版ios，一贯真的有辅助下载（有挂技术）-哔哩哔哩1、完成佛手大菠萝破解版i...
最新消息！蛮籽麻旺重庆辅助，好... 最新消息！蛮籽麻旺重庆辅助，好像真的是有辅助脚本（有挂存在）-哔哩哔哩1）蛮籽麻旺重庆辅助辅助插件：...
于此同时！心悦填大坑辅助器下载... 于此同时！心悦填大坑辅助器下载，竟然是真的辅助神器（确实有挂）-哔哩哔哩1、下载好心悦填大坑辅助器下...