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

相关内容

热门资讯

外挂指南！红龙poker辅助，... 外挂指南！红龙poker辅助，佛手大菠萝13道挂哪里-本来一直总是有辅助脚本（哔哩哔哩）一、佛手大菠...
外挂资料！哈糖大菠萝有挂吗，p... 外挂资料！哈糖大菠萝有挂吗，pokernow辅助工具-真是存在有辅助app（哔哩哔哩）1、每一步都需...
外挂演示！哈糖大菠萝能开挂吗，... 外挂演示！哈糖大菠萝能开挂吗，pokerworld破解版下载-果然真的有辅助方法（哔哩哔哩）哈糖大菠...
外挂办法！xpoker透视辅助... 外挂办法！xpoker透视辅助，佛手在线大菠萝辅助-本来有辅助教程（哔哩哔哩）1、佛手在线大菠萝辅助...
外挂学习！德州局透视脚本免费版... 外挂学习！德州局透视脚本免费版下载手机版，来玩app破解版-确实是真的有辅助技巧（哔哩哔哩）1、每一...
外挂学习！xpoker辅助助手... 外挂学习！xpoker辅助助手，哈糖大菠萝软件下载-一直一直都是有辅助脚本（哔哩哔哩）1、下载好哈糖...
外挂教程书！拱趴大菠萝万能辅助... 外挂教程书！拱趴大菠萝万能辅助器，拱趴大菠萝有挂吗-果然一直总是有辅助工具（哔哩哔哩）1、每一步都需...
外挂练习！poker红龙辅助，... 外挂练习！poker红龙辅助，约局吧开挂-真是存在有辅助技巧（哔哩哔哩）poker红龙辅助透视方法中...
外挂学习！werplan有挂吗... 外挂学习！werplan有挂吗，德普之星透视辅助-好像真的有辅助脚本（哔哩哔哩）运werplan有挂...
外挂指南！pokernow辅助... 您好，pokernow辅助工具这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...