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数据分析... 连日来！wepoker数据分析，桂林八一字牌辅助，切实有辅助技巧（哔哩哔哩）1、进入到桂林八一字牌辅...
推荐透视！拱趴大菠萝怎么开挂，... 推荐透视！拱趴大菠萝怎么开挂，德州来玩辅助器（透视）好像是有辅助方法（哔哩哔哩）1、首先打开拱趴大菠...
出现新变化！aapoker透视... 出现新变化！aapoker透视脚本入口，潮友会透视辅助教程，一贯真的是有辅助软件（哔哩哔哩）1、操作...
详情透视！拱趴大菠萝十三水作必... 详情透视！拱趴大菠萝十三水作必弊，来玩app 德州 辅助（透视）总是一直都是有辅助攻略（哔哩哔哩）拱...
目前来看！hhpoker有作必... 目前来看！hhpoker有作必弊的吗，小闲川南宜宾辅助，确实真的是有辅助工具（哔哩哔哩）1、任何小闲...
揭幕透视！拱趴大菠萝十三水作必... 揭幕透视！拱趴大菠萝十三水作必弊，拱趴大菠萝挂怎么安装（透视）好像一直都是有辅助app（哔哩哔哩）1...
据统计！wepokerplus... 据统计！wepokerplus透视脚本免费，潮汕汇鱼虾蟹辅助器，都是是有辅助app（哔哩哔哩）1）潮...
关于透视！xpoker辅助助手... 关于透视！xpoker辅助助手，德州私人局怎么透视（透视）总是有辅助教程（哔哩哔哩）1、很好的工具软...
围绕透视问题！拱趴大菠萝万能辅... 围绕透视问题！拱趴大菠萝万能辅助器，牌乐门黑科技，总是是有辅助方法（哔哩哔哩）1、上手简单，内置详细...
解迷透视！sohoopoker... 解迷透视！sohoopoker辅助，哈糖大菠萝助手（透视）竟然是真的有辅助插件（哔哩哔哩）1.哈糖大...