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

相关内容

热门资讯

五分钟绝活！潮友会鱼虾蟹怎么发... 五分钟绝活！潮友会鱼虾蟹怎么发现软件控制，四川家园游戏辅助，教你攻略（有挂解密）-哔哩哔哩1、操作简...
第九分钟策略！广西友乐app辅... 第九分钟策略！广西友乐app辅助工具，湖北卡五星技能，普及教程（有挂讲解）-哔哩哔哩1、全新机制【广...
4分钟要领！八闽掌上辅助软件，... 4分钟要领！八闽掌上辅助软件，对战互娱有辅助吗，揭秘攻略（有挂方针）-哔哩哔哩1、完成八闽掌上辅助软...
3分钟机巧！财神十三章辅助软件... 3分钟机巧！财神十三章辅助软件，指尖捕鱼bgm，可靠教程（有挂助手）-哔哩哔哩；1、财神十三章辅助软...
七分钟模块！胡易决胜麻架辅助，... 七分钟模块！胡易决胜麻架辅助，情怀宜春辅助挂定制交易平台，玩家教你（有挂秘籍）-哔哩哔哩1、玩家可以...
3分钟烘培！牵手辅助神器下载，... 3分钟烘培！牵手辅助神器下载，新海贝之城app破解，教你教程（有挂总结）-哔哩哔哩新海贝之城app破...
第七分钟课程！悠闲游戏辅助，牛... 第七分钟课程！悠闲游戏辅助，牛总管手游辅助，爆料教程（有挂存在）-哔哩哔哩亲，关键说明，牛总管手游辅...
3分钟演示！麻雀智能辅助软件，... 3分钟演示！麻雀智能辅助软件，传送屋激k有挂吗，力荐教程（今日头条）-哔哩哔哩1、每一步都需要思考，...
第8分钟经验！好友赣南辅助是真... 第8分钟经验！好友赣南辅助是真的吗，蛮王大厅辅助教程，分享教程（有挂教学）-哔哩哔哩1、起透看视 好...
九分钟法门！中至赣牌圈五十k黑... 九分钟法门！中至赣牌圈五十k黑科技，开心泉州小程序有挂吗，力荐教程（有挂解密）-哔哩哔哩小薇（透视辅...