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

相关内容

热门资讯

黑科技辅助！越悦游戏(辅助),... 黑科技辅助！越悦游戏(辅助),粤桂黑桃A3果然是真的有透视挂app（详细教程辅助）1.粤桂黑桃A3 ...
黑科技开挂！开心神兽(开挂),... 黑科技开挂！开心神兽(开挂),38手游真是是有透视挂软件（有辅助挂分享）1、在开心神兽插件功能辅助器...
黑科技外挂！长牌(外挂),三打... 黑科技外挂！长牌(外挂),三打哈确实是有透视挂教程（有辅助挂功能）1、每一步都需要思考，不同水平的挑...
黑科技辅助器！小聚(辅助器),... 黑科技辅助器！小聚(辅助器),闲来贵州麻将确实存在有透视挂插件（证实有辅助挂）闲来贵州麻将透视方法中...
黑科技辅助器！余干六副(辅助器... 黑科技辅助器！余干六副(辅助器),闲逸游戏一贯有透视挂软件（有辅助挂方针）进入游戏-大厅左侧-新手福...
黑科技辅助器！美猴王(辅助器)... 黑科技辅助器！美猴王(辅助器),畅聊宝其实是真的有透视挂攻略（有辅助挂总结）该软件可以轻松地帮助玩家...
黑科技透视挂！微乐广东麻将(透... 黑科技透视挂！微乐广东麻将(透视挂),百盛娱乐一直真的是有透视挂技巧（有辅助挂讲解）1、玩家可以在微...
黑科技外挂！天下星空棋牌(外挂... 黑科技外挂！天下星空棋牌(外挂),玉海楼茶苑真是存在有透视挂软件（有辅助挂分享）1、起透看视 天下星...
黑科技开挂！对战互娱(开挂),... 黑科技开挂！对战互娱(开挂),奇趣互娱一贯真的有透视挂app（有辅助挂神器）1、上手简单，内置详细流...
黑科技开挂！欢乐龙城3(开挂)... 黑科技开挂！欢乐龙城3(开挂),中至赣牌圈一贯真的是有透视挂技巧（有辅助挂方针）1、上手简单，内置详...