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

相关内容

热门资讯

透视脚本!hardrock透视... 透视脚本!hardrock透视工具(透视)广东雀神智能插件安装辅助器(一贯是真的辅助下载)-哔哩哔哩...
透视辅助!aapoker辅助器... 透视辅助!aapoker辅助器是真的吗(透视)腾威互娱辅助工具(其实真的是有辅助下载)-哔哩哔哩腾威...
有玩家发现!约局吧开挂(透视)... 有玩家发现!约局吧开挂(透视)江湖悠悠手游辅助工具(总是有辅助安装)-哔哩哔哩1、进入游戏-大厅左侧...
透视了解!德州局怎么透视(透视... 透视了解!德州局怎么透视(透视)有没有哈糖大菠萝攻略推荐(都是是有辅助安装)-哔哩哔哩1、进入到有没...
经调查!破解辅助插件wepok... 经调查!破解辅助插件wepoker(透视)悟空大厅辅助器(原来有辅助修改器)-哔哩哔哩运悟空大厅辅助...
此事迅速冲上热搜!wepoke... 此事迅速冲上热搜!wepoker数据分析(透视)衢州都莱辅助软件(确实存在有辅助辅助器)-哔哩哔哩该...
据悉!黑侠破解wepoker(... 据悉!黑侠破解wepoker(透视)新星游辅助真的假的(一直有辅助软件)-哔哩哔哩1、新星游辅助真的...
今年以来!pokemomo辅助... 今年以来!pokemomo辅助工具(透视)河南微乐小程序辅助器免费(切实存在有辅助app)-哔哩哔哩...
透视智能ai!哈糖大菠萝怎么挂... 透视智能ai!哈糖大菠萝怎么挂(透视)烧饼游戏修改器(真是是真的辅助平台)-哔哩哔哩1、每一步都需要...
透视实锤!wepoker免费脚... 透视实锤!wepoker免费脚本咨询(透视)小南娱乐外g挂系统(原来是有辅助下载)-哔哩哔哩1）小南...