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，微乐自建房脚本免费入口（开挂自建房）脚本1、很好的工具软件，...
玩家攻略！微乐微信自建房辅助工... 玩家攻略！微乐微信自建房辅助工具插件，微乐小程序免费黑科技（开挂自建房）脚本1、每一步都需要思考，不...
今日公布！微乐家乡麻将自建房辅... 今日公布！微乐家乡麻将自建房辅助app，微乐小程序免费黑科技（开挂自建房）攻略进入游戏-大厅左侧-新...
必备教程！微乐微信自建房辅助工... 必备教程！微乐微信自建房辅助工具插件，微乐自建房脚本免费入口（开挂自建房）app1、玩家可以在微乐微...
实测揭晓！微信卡五星辅助器，微... 实测揭晓！微信卡五星辅助器，微乐自建房脚本免费入口（开挂自建房）教程运微信卡五星辅助器辅助工具，进入...
必看攻略！微乐家乡麻将自建房辅... 必看攻略！微乐家乡麻将自建房辅助app，微乐自建房脚本免费入口（开挂自建房）方法1、微乐家乡麻将自建...
一分钟揭秘！微乐家乡麻将自建房... 一分钟揭秘！微乐家乡麻将自建房辅助app，微乐小程序免费黑科技（开挂自建房）方法1、实时微乐家乡麻将...
分享实测！微乐小程序自建房辅助... 分享实测！微乐小程序自建房辅助工具插件，微乐小程序免费黑科技（开挂自建房）器1、微乐小程序自建房辅助...
重大消息！微信雀神麻将挂件开挂... 重大消息！微信雀神麻将挂件开挂辅助，微乐家乡麻将自建房辅助app（开挂自建房）技巧1、在微乐家乡麻将...
六分钟了解！微乐自建房辅助工具... 六分钟了解！微乐自建房辅助工具神器，微乐小程序免费黑科技（开挂自建房）技巧1、让任何用户在无需微乐自...