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

相关内容

热门资讯

必备攻略“福建兄弟十三水辅助器... 大家好，今天小编来为大家解答福建兄弟十三水辅助器下载这个问题咨询软件客服可以免费测试直接加微信（13...
发现一款“边锋小程序跑的快辅助... >>您好：边锋小程序跑的快辅助确实是有挂的，很多玩家在这款边锋小程序跑的快辅助游戏中打牌都会发现很多...
普及知识“张同学俱乐部有挂吗”... 普及知识“张同学俱乐部有挂吗”从来有辅助开挂神器（有挂方针）；无需打开直接搜索加薇136704302...
科普常识“菠萝辅助器免费版的功... 【亲，菠萝辅助器免费版的功能介绍 这款游戏可以开挂的，确实是有挂的，很多玩家在这款菠萝辅助器免费版的...
玩家必备科技“wepoker辅... wepoker辅助器免费开挂教程视频分享装挂详细步骤在当今的网络游戏中，wepoker辅助器免费作为...
揭秘关于“四川长牌皮皮游戏挂”... 您好：四川长牌皮皮游戏挂这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
透视透视“微信超级三加一辅助软... 您好：这款微信超级三加一辅助软件游戏是可以开挂的，确实是有挂的，很多玩家在这款微信超级三加一辅助软件...
热点推荐“诸暨翻财神技术”固有... 热点推荐“诸暨翻财神技术”固有有开挂辅助下载（有挂解密）您好：诸暨翻财神技术这款游戏可以开挂，确实是...
透视代打“开心赢三张自建房有挂... 【亲，开心赢三张自建房有挂吗 这款游戏可以开挂的，确实是有挂的，很多玩家在这款开心赢三张自建房有挂吗...
透视插件“途游游戏辅助器免费”... 途游游戏辅助器免费开挂教程视频分享装挂详细步骤在当今的网络游戏中，途游游戏辅助器免费作为一种经典的娱...