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）w... 透视安卓版（WEPOKER）wepoker底牌透视（透视）真是是有挂（新2025教程）1、起透看视 ...
透视游戏（WEPOKER）we... 透视游戏（WEPOKER）wepoker透视是真的吗（透视）都是有挂（实用技巧）；1、下载好wepo...
透视脚本（wepoker）we... 透视脚本（wepoker）wepokerplus万能挂（透视）真是真的是有挂（透明教程）；1、点击下...
透视教程（WEPOKER）we... 透视教程（WEPOKER）wepoker辅助器有哪些功能（透视）切实是有挂（安装教程）1、wepok...
透视透视（WePoKer）安装... 透视透视（WePoKer）安装不了wepoker（透视）其实真的是有挂（线上教程）1、安装不了wep...
透视透视（WEPOKER）we... 透视透视（WEPOKER）wepoker私人局辅助挂（透视）好像真的是有挂（2025教程）1、这是跨...
透视计算（wepoker）We... 透视计算（wepoker）We poker辅助器下载（透视）总是是真的有挂（透明挂教程）1、透视计算...
透视中牌率（wepoker）w... 透视中牌率（wepoker）wepoker有用吗（透视）好像是有挂（新版2025教程）1、点击下载安...
透视透视（wepoker）we... 透视透视（wepoker）wepoker开辅助能查到吗（透视）其实是真的有挂（攻略教程）wepoke...
透视好友房（WePoKer）w... 透视好友房（WePoKer）wepoker模拟器哪个好用（透视）果然是有挂（攻略方法）透视好友房（W...