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

相关内容

热门资讯

七分钟辅助！微乐小程序黑科技，... 七分钟辅助！微乐小程序黑科技，微信小程序微乐辅助器下载（开挂）竟然存在有挂（2026）1、这是跨平台...
据文件显示！微乐小程序黑科技，... 据文件显示！微乐小程序黑科技，微信小程序透视微乐（透视）果然真的有挂（哔哩哔哩）1、玩家可以在微信小...
第六分钟下载！微乐小程序免费黑... 第六分钟下载！微乐小程序免费黑科技，微信小程序游戏破解器（开挂）原来存在有挂（2026）1）微乐小程...
透视计算！微乐小程序免费黑科技... 透视计算！微乐小程序免费黑科技，微乐家乡麻辣自建房辅助app（透视）确实是真的挂（哔哩哔哩）1）微乐...
四分钟神器！微乐小程序免费黑科... 四分钟神器！微乐小程序免费黑科技，微信小程序微乐家乡辅助器（开挂）切实是真的挂（2026）1、上手简...
透视存在！微乐小程序黑科技，微... 透视存在！微乐小程序黑科技，微乐家乡脚本助手（透视）都是真的有挂（哔哩哔哩）1、进入到微乐家乡脚本助...
第7分钟教程！微乐小程序免费黑... 第7分钟教程！微乐小程序免费黑科技，微乐贵阳捉鸡麻将辅助（开挂）总是是有挂（2026）该软件可以轻松...
插件辅助挂！微乐小程序免费黑科... 插件辅助挂！微乐小程序免费黑科技，微乐小程序游戏破解器下载（透视）竟然真的有挂（哔哩哔哩）1、每一步...
第7分钟神器！微乐小程序免费黑... 您好，微乐小程序免费黑科技这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...
透视游戏！微乐小程序免费黑科技... 透视游戏！微乐小程序免费黑科技，微乐小程游戏破解器下载（透视）其实真的是有挂（哔哩哔哩）1、上手简单...