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、首先打开wepoke...
实测必看!wepoker透视脚... 实测必看!wepoker透视脚本免费(辅助挂)总是真的有挂(有挂秘笈)1.wepoker透视脚本免费...
教程攻略!竞技联盟辅助插件(辅... 教程攻略!竞技联盟辅助插件(辅助挂)好像是有挂(果真有挂)1、下载好竞技联盟辅助插件脚本下载之后点击...
技术分享!xpoker透视辅助... 技术分享!xpoker透视辅助(辅助挂)真是有挂(有挂存在)一、xpoker透视辅助可以开透视的定义...
玩家必看科普!wejoker辅... 玩家必看科普!wejoker辅助软件(辅助挂)都是有挂(真实有挂)1、进入到wejoker辅助软件是...
一分钟了解!uupoker有透... 一分钟了解!uupoker有透视吗(辅助挂)真是有挂(有挂技术)1、进入游戏-大厅左侧-新手福利-激...
玩家必看分享!hhpoker真... 玩家必看分享!hhpoker真的假的(辅助挂)真是有挂(有挂助手)1、玩家可以在hhpoker真的假...
分享给玩家!wepoker透视... 分享给玩家!wepoker透视有用吗(辅助挂)本来是真的有挂(详细教程)1、wepoker透视有用吗...
总算了解!aapoker辅助工... 总算了解!aapoker辅助工具安全吗(辅助挂)其实存在有挂(确实有挂)1、超多福利：超高返利，海量...
发现玩家!德普之星辅助软件(辅... 发现玩家!德普之星辅助软件(辅助挂)竟然真的有挂(有挂方式)1、用户打开应用后不用登录就可以直接使用...