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

相关内容

热门资讯

透视模板！xpoker辅助怎么... 透视模板！xpoker辅助怎么用，aapoker能控制牌吗（透视）切实真的是有挂（哔哩哔哩）1、游戏...
透视窍要！impoker辅助，... 透视窍要！impoker辅助，红龙poker辅助器免费观看（透视）本来真的是有脚本脚本（哔哩哔哩）红...
透视窍要！wepoker私人局... 透视窍要！wepoker私人局怎么玩，wepoker轻量版透视系统（透视）切实存在有挂（哔哩哔哩）1...
透视窍门！wpk透视辅助靠谱吗... 透视窍门！wpk透视辅助靠谱吗，wpk俱乐部怎么作必弊（透视）本来是真的透视挂（哔哩哔哩）1、实时w...
透视操作！aapoker插件，... 透视操作！aapoker插件，wepoker私局辅助（透视）切实是真的挂（哔哩哔哩）1、起透看视 w...
透视妙招！wpk是真的还是假的... 透视妙招！wpk是真的还是假的，wpk透视是真的吗（透视）都是真的是有透视软件（哔哩哔哩）1、金币登...
透视总结！pokermaste... 透视总结！pokermaster修改器，wepoker科技辅助器（透视）真是真的是有挂（哔哩哔哩）1...
透视模块！wpk辅助器是真的吗... 透视模块！wpk辅助器是真的吗，wpk免费辅助（透视）原来有脚本插件（哔哩哔哩）1、起透看视 wpk...
透视手册！wepoker免费脚... 透视手册！wepoker免费脚本咨询，红龙poker辅助（透视）一直有挂（哔哩哔哩）进入游戏-大厅左...
透视演示！有哪些免费的wpk作... 透视演示！有哪些免费的wpk作必弊码，wpk辅助是什么（透视）竟然真的有挂（哔哩哔哩）1、有哪些免费...