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

相关内容

热门资讯

最新研发透视器app!微乐长沙... 最新研发透视器app!微乐长沙麻将多功能透视器app，微乐长沙麻将好像真的是有透视器app亲，关键说...
玩家亲测外挂工具!panda多... 玩家亲测外挂工具!panda多功能外挂工具，panda一直是有外挂工具1、首先打开panda辅助器下...
推荐十款辅助工具!朋朋政和麻将... 推荐十款辅助工具!朋朋政和麻将多功能辅助工具，朋朋政和麻将一直真的是有辅助工具1、完成朋朋政和麻将有...
重大通报作弊器技巧!无锡麻将多... 重大通报作弊器技巧!无锡麻将多功能作弊器技巧，无锡麻将真是有作弊器技巧1、点击下载安装，无锡麻将脚本...
盘点一款辅助器app!丹东约战... 盘点一款辅助器app!丹东约战麻将多功能辅助器app，丹东约战麻将竟然真的是有辅助器app1、丹东约...
揭秘真相透视器软件!三三麻将多... 揭秘真相透视器软件!三三麻将多功能透视器软件，三三麻将果然是真的有透视器软件1、进入游戏-大厅左侧-...
每日必看外挂app!白金岛红拐... 每日必看外挂app!白金岛红拐弯多功能外挂app，白金岛红拐弯切实真的有外挂app1）白金岛红拐弯免...
科技新动态透视挂插件!桃乐甘肃... 科技新动态透视挂插件!桃乐甘肃麻将多功能透视挂插件，桃乐甘肃麻将竟然真的是有透视挂插件1、很好的工具...
记者揭秘透视挂软件!随便字牌多... 您好，随便字牌这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款...
玩家必看科普开挂工具!豆豆楚风... 玩家必看科普开挂工具!豆豆楚风麻将多功能开挂工具，豆豆楚风麻将切实真的有开挂工具1）豆豆楚风麻将辅助...