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、金币登录送、破...
第八分钟举措！南宁老友麻将免费... 第八分钟举措！南宁老友麻将免费辅助器，樱花之盛辅助真的假的（辅助）好像是有修改器（哔哩哔哩）；1、让...
6分钟积累！潘潘讲故事有外g挂... 6分钟积累！潘潘讲故事有外g挂吗，新九游辅助软件（辅助）确实真的是有app（哔哩哔哩）1、潘潘讲故事...
两分钟法门！嗨动互动辅助软件，... 两分钟法门！嗨动互动辅助软件，新道游游戏辅助器免费版（辅助）好像有挂插件（哔哩哔哩）1、很好的工具软...
第五分钟大纲！丽水茶苑手机辅助... 第五分钟大纲！丽水茶苑手机辅助，新道游正版开挂（辅助）一贯有挂插件（哔哩哔哩）亲，关键说明，丽水茶苑...
第9分钟手段！hhpoker大... 第9分钟手段！hhpoker大菠萝有没有作比，蛮王大厅房卡辅助（辅助）真是是真的安装（哔哩哔哩）一、...
第九分钟演示！钱塘十三水脚本，... 第九分钟演示！钱塘十三水脚本，新道游开挂辅助透视（辅助）一贯是有安装（哔哩哔哩）1、新道游开挂辅助透...
一分钟教材！雀神广东智能插件，... 一分钟教材！雀神广东智能插件，新超圣正版辅助（辅助）竟然是有辅助（哔哩哔哩）小薇（辅助器软件下载）致...