angularViewChild在ngIf语句内部不起作用。
创始人
2024-10-29 22:00:41
0次
在使用 ViewChild 绑定模板变量之前，确保 ngIf 指令已经解析，因为如果 ngIf 中的条件为 false，那么绑定的元素就会被移除，ViewChild 也就无法找到这个元素了。有两种方法可以解决这个问题：
- 使用 ngAfterViewChecked 生命周期钩子，在每次视图变更检测后重新获取 ViewChild 元素。
- 把 ngIf 换成 NgSwitch 或者 NgTemplateOutlet，它们都不会移除元素，所以 ViewChild 能够正常工作。 示例代码如下：
element
// 错误示范 @ViewChild('myElement') myElement: ElementRef;
// 解决方法1 ngAfterViewChecked() { this.myElement = this.myElementRef.nativeElement; }
// 解决方法2
element
相关内容
热门资讯
7分钟总结！大唐辅助器，方片十...
7分钟总结！大唐辅助器，方片十三张外卦（果然是有挂）-哔哩哔哩1、每一步都需要思考，不同水平的挑战会...
2分钟科普！樱花之盛牛牛挂，w...
2分钟科普！樱花之盛牛牛挂，wepoker开挂事件（其实是真的挂）-哔哩哔哩1、许多玩家不知道樱花之...
第七分钟揭幕！奇迹免费自动挂机...
第七分钟揭幕！奇迹免费自动挂机脚本，决战卡五星辅助软件（好像是有挂）-哔哩哔哩1、让任何用户在无需奇...
第7分钟详细！爱来510k辅助...
第7分钟详细！爱来510k辅助器，葫芦娃辅助修改器下载（果然真的是有挂）-哔哩哔哩1、葫芦娃辅助修改...
一分钟了解！沧海十三水辅助器，...
一分钟了解！沧海十三水辅助器，情怀辅助哪里可以装（果然真的有挂）-哔哩哔哩1）情怀辅助哪里可以装辅助...
第六分钟总结！新九哥脚本，微信...
第六分钟总结！新九哥脚本，微信微乐游戏辅助脚本（切实真的是有挂）-哔哩哔哩微信微乐游戏辅助脚本是一种...
第八分钟关于！闲来辅助平台，牛...
第八分钟关于！闲来辅助平台，牛总管怎么做辅助（果然是有挂）-哔哩哔哩牛总管怎么做辅助软件透明挂微扑克...
第1分钟详细！广东闲来辅助免费...
第1分钟详细！广东闲来辅助免费，新樱花互娱源码（总是真的有挂）-哔哩哔哩1、点击下载安装，广东闲来辅...
第5分钟揭露！重要科技阿拉斗牌...
第5分钟揭露！重要科技阿拉斗牌辅助，丽水都莱app辅助（其实有挂）-哔哩哔哩1）重要科技阿拉斗牌辅助...
第3分钟推荐！情怀西游辅助，葫...
第3分钟推荐！情怀西游辅助，葫芦娃辅助（真是存在有挂）-哔哩哔哩1、完成情怀西游辅助的残局，帮助玩家...