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中组件选择器和查询选择器之间的区别是什么？

相关内容

热门资讯

透视科技“wpk透视辅助下载”... 透视科技“wpk透视辅助下载”开挂（透视）辅助工具软件教程（有挂总结）wpk透视辅助下载ai黑科技系...
分享实测“乐乐川南字牌辅助器”... 您好：乐乐川南字牌辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
透视智能ai“小程序广东雀神智... >>您好：小程序广东雀神智能插件安装确实是有挂的，很多玩家在这款小程序广东雀神智能插件安装游戏中打牌...
程序员教你“手机填大坑辅助器”... 程序员教你“手机填大坑辅助器”开挂（透视）辅助脚本辅助教程（有挂规律） >>您好：软件加薇13670...
透视教程“熊猫辅助官网下载安装... 透视教程“熊猫辅助官网下载安装”开挂（透视）辅助平台新2026教程（有挂秘籍）；无需打开直接搜索薇:...
透视线上“小程序能不能开挂”开... 透视线上“小程序能不能开挂”开挂（透视）辅助神器可靠技巧（真的有挂）这是一款可以让一直输的玩家，快速...
透视规律“约战平台辅助”开挂（... 约战平台辅助 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1、软...
玩家必用“川南休闲辅助”开挂（... 玩家必用“川南休闲辅助”开挂（透视）辅助安装揭秘教程（有挂解惑）《详细加薇136704302咨询》游...
盘点一款“逸趣互动平台辅助器”... 盘点一款“逸趣互动平台辅助器”开挂（透视）辅助工具扑克教程（有挂规律）逸趣互动平台辅助器ai黑科技系...
总算了解“微乐游戏公众号辅助器... 您好：微乐游戏公众号辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...