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

相关内容

热门资讯

重大来袭！微信微乐小程序辅助器... 重大来袭！微信微乐小程序辅助器免费安装，微信小程序微乐辅助免费-本来是真的有辅助神器（揭秘有挂）微信...
总算清楚！微信微乐小程序辅助器... 总算清楚！微信微乐小程序辅助器免费安装，微信微乐辅助器下载-确实真的是有辅助软件（有挂教程）1、微信...
每日必看教程！微乐小程序免费工... 每日必看教程！微乐小程序免费工具，微乐广西小程序开挂-果然真的有辅助方法（有挂细节）1、微乐小程序免...
玩家必看秘籍！微信小程序微乐辅... 玩家必看秘籍！微信小程序微乐辅助器，微乐家乡小程序辅助-切实是有辅助教程（有挂秘诀）1、超多福利：超...
教学盘点！微乐家乡麻辣自建房辅... 教学盘点！微乐家乡麻辣自建房辅助app，陕西微乐小程序修改器-其实存在有辅助神器（有挂教程）1、玩家...
一分钟了解！微信小程序微乐房间... 一分钟了解！微信小程序微乐房间怎么开挂，微乐小程序有脚本吗-切实真的是有辅助教程（存在有挂）；1、这...
玩家亲测！微乐家乡麻将辅助，微... 玩家亲测！微乐家乡麻将辅助，微信小程序游戏充值破解-切实是真的有辅助插件（真是有挂）1.微乐家乡麻将...
发现玩家！微乐小程序黑科技免费... 发现玩家！微乐小程序黑科技免费工具，微乐小程序插件免费贴吧-好像存在有辅助插件（有挂功能）1、在微乐...
研究成果！微信小程序微乐房间怎... 研究成果！微信小程序微乐房间怎么开挂，微乐广西小程序-一贯存在有辅助插件（有挂教程）1、实时微信小程...
攻略讲解！微乐陕西小程序破解器... 攻略讲解！微乐陕西小程序破解器，微乐小程序游戏破解器下载-真是真的是有辅助技巧（的确有挂）1、微乐小...