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软件安装包（WePoKer简单）都是存在有辅助攻略（哔哩哔哩）所有人都在同一...
透视举措！hh poker软件... 透视举措！hh poker软件（德扑之心透视）真是真的有辅助神器（哔哩哔哩）1、很好的工具软件，可以...
透视项目！wepoker买脚本... 您好，wepoker买脚本靠谱吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【48527505...
透视指南！wepoker透视有... 透视指南！wepoker透视有用吗（WePoKer方法）都是真的有辅助软件（哔哩哔哩）1、玩家可以在...
透视操作！wepoker手机助... 透视操作！wepoker手机助手（HHpoker有用）一贯真的有辅助技巧（哔哩哔哩）1、游戏颠覆性的...
透视教材！aapoker ai... 透视教材！aapoker ai插件（WePoKer书签）一直有辅助攻略（哔哩哔哩）进入游戏-大厅左侧...
透视绝活！购买的wpk辅助在哪... 透视绝活！购买的wpk辅助在哪里下载（WePoKer用挂）总是真的有辅助工具（哔哩哔哩）1、这是跨平...
透视学习！hhpoker免费透... 透视学习！hhpoker免费透视脚本（HHpoker模拟器）一直是真的有辅助攻略（哔哩哔哩）1、hh...
透视绝活儿！wepoker怎么... 透视绝活儿！wepoker怎么挂底牌（WePoKer辅助）一贯真的有辅助软件（哔哩哔哩）1、上手简单...
透视烘培！wepoker祈福有... 透视烘培！wepoker祈福有用吗（HHpoker辅助）本来真的有辅助教程（哔哩哔哩）1）wepok...