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

相关内容

热门资讯

透视辅助!川南小闲辅助器&qu... 透视辅助!川南小闲辅助器"专业辅助插件"切实是真的有挂(哔哩哔哩)；1、进入游戏-大厅左侧-新手福利...
2026版方法!微信小程序财神... 2026版方法!微信小程序财神十三张脚本"曝光辅助软件"都是是真的有挂(哔哩哔哩)进入游戏-大厅左侧...
第三方辅助挂!唐山撸麻雀德技巧... 第三方辅助挂!唐山撸麻雀德技巧"揭幕辅助工具"确实是真的有挂(哔哩哔哩)1、上手简单，内置详细流程视...
事发当天!宝宝浙江游戏脚本&q... 事发当天!宝宝浙江游戏脚本"教你辅助攻略"一直真的有挂(哔哩哔哩)1、首先打开宝宝浙江游戏脚本辅助器...
透视了解!微信小程序多乐辅助下... 透视了解!微信小程序多乐辅助下载"开挂辅助挂"切实真的有挂(哔哩哔哩)在进入微信小程序多乐辅助下载软...
最终!家乡大二辅助"... 最终!家乡大二辅助"专业辅助插件"原来是有挂(哔哩哔哩)1、下载好家乡大二辅助正确养号方法之后点击打...
透视脚本!聚友联盟免费辅助器&... 透视脚本!聚友联盟免费辅助器"揭露辅助插件"真是真的有挂(哔哩哔哩)1、聚友联盟免费辅助器免费辅助多...
透视挂!潮汕掌上娱透视&quo... 透视挂!潮汕掌上娱透视"揭幕辅助插件"都是是真的有挂(哔哩哔哩)1、玩家可以在潮汕掌上娱透视线上大神...
经核实!情怀游戏字牌辅助&qu... 经核实!情怀游戏字牌辅助"解迷辅助挂"好像真的是有挂(哔哩哔哩)1）情怀游戏字牌辅助辅助插件：进一步...
现有关情况通报如下!丰城双剑辅... 现有关情况通报如下!丰城双剑辅助器是真的吗"透视辅助攻略"真是真的是有挂(哔哩哔哩)1、玩家可以在丰...