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

相关内容

热门资讯

最强版aapoker透视脚本下... 最强版aapoker透视脚本下载，约局吧德州可以透视吗，好像真的有挂（有挂教学）1、不需要AI权限，...
出乎意料的是！wepoker辅... 出乎意料的是！wepoker辅助器免费，德普之星app安卓版破解版，都是真的有挂（有挂解惑）1、进入...
最强版hhpoker免费辅助器... 最强版hhpoker免费辅助器，约局吧开挂，真是是有挂（真是有挂）1、hhpoker免费辅助器有没有...
最强版德普之星透视软件免费入口... 最强版德普之星透视软件免费入口官网，wpk软件是真的吗，总是是真的有挂（有挂规律）1、模拟器是什么优...
近年来！安装不了wepoker... 近年来！安装不了wepoker，德普之星私人局透视，一直真的有挂（有挂方法）进入游戏-大厅左侧-新手...
最强版aapoker透视脚本入... 最强版aapoker透视脚本入口，wepoker透视方法，原来真的是有挂（详细教程）一、游戏安装教程...
教学辅助挂！菠萝辅助器免费版的... 教学辅助挂！菠萝辅助器免费版的特点，德普辅助器怎么用，好像是真的有挂（有挂解密）1、德普辅助器怎么用...
最强版wepoker辅助是真的... 最强版wepoker辅助是真的假的，wepokerplus万能挂，切实有挂（有挂规律）1、玩家可以在...
据相关数据显示！hhpoker... 据相关数据显示！hhpoker是真的吗，德普之星透视辅助，本来存在有挂（有挂教程）进入游戏-大厅左侧...
最强版来玩app 德州 辅助，... 最强版来玩app 德州 辅助，pokemmo脚本手机版，原来是有挂（的确有挂）辅助器是一种具有地方特...