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

相关内容

热门资讯

辅助开挂！丽水茶苑苹果手机辅助... 辅助开挂！丽水茶苑苹果手机辅助，拱趴大菠萝有挂吗（透视）开挂辅助安装（证实有挂）；小薇（透视辅助）致...
开挂辅助！广西友乐免费辅助使用... 开挂辅助！广西友乐免费辅助使用视频，wepoker有没有辅助（透视）开挂辅助安装（有挂方法）；最新版...
开挂辅助！五十k辅助，hhpo... 开挂辅助！五十k辅助，hhpoker视频巡查真的假的（透视）开挂辅助插件（有挂详情）；五十k辅助简单...
开挂辅助！潮汕汇鱼虾蟹辅助，w... 开挂辅助！潮汕汇鱼虾蟹辅助，wepoker辅助软件价格（透视）开挂辅助插件（有挂透视）;亲，有的，a...
开挂辅助！老友跑得快辅助，we... 开挂辅助！老友跑得快辅助，wepokerplus透视脚本免费（透视）开挂辅助插件（有挂详情）；最新版...
开挂辅助！微信小程序雀神挂件，... 开挂辅助！微信小程序雀神挂件，wepoker线上大神（透视）开挂辅助神器（有挂功能）;是一款可以让一...
开挂辅助！福建天天开心黑科技，... 【福星临门，好运相随】；开挂辅助！福建天天开心黑科技，wepoker辅助方法（透视）开挂辅助插件（有...
辅助开挂！宁夏划水麻将辅助器，... 辅助开挂！宁夏划水麻将辅助器，智星菠萝有挂吗（透视）开挂辅助安装（确实有挂）；宁夏划水麻将辅助器最新...
辅助开挂！湖北逍遥辅助器，we... 辅助开挂！湖北逍遥辅助器，wepoker辅助器（透视）开挂辅助下载（真实有挂）；致您一封信；亲爱湖北...
辅助开挂！闲娱江西脚本，拱趴大... 辅助开挂！闲娱江西脚本，拱趴大菠萝挂怎么安装（透视）开挂辅助平台（新版有挂）;1、超多福利：超高返利...