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

相关内容

热门资讯

四分钟科普!樱花之盛挂,哈灵脚... 四分钟科普!樱花之盛挂,哈灵脚本辅助(果然是有挂)-哔哩哔哩哈灵脚本辅助辅助器中分为三种模型:哈灵脚...
第七分钟普及!微信小程序雀神挂... 第七分钟普及!微信小程序雀神挂件,丽水都莱辅助器(确实真的是有挂)-哔哩哔哩1、玩家可以在微信小程序...
两分钟关于!潮汕汇游戏辅助,衢... 两分钟关于!潮汕汇游戏辅助,衢州都莱辅助软件(一直有挂)-哔哩哔哩;1、不需要AI权限,帮助你快速的...
第四分钟分享!新星游拼十辅助,... 第四分钟分享!新星游拼十辅助,竹间茶馆辅助(总是存在有挂)-哔哩哔哩运新星游拼十辅助辅助工具,进入游...
第三分钟教你!心悦游戏辅助,杭... 第三分钟教你!心悦游戏辅助,杭州边锋辅助软件(原来是真的挂)-哔哩哔哩进入游戏-大厅左侧-新手福利-...
四分钟详细!福建天天开心无限辅... 四分钟详细!福建天天开心无限辅助科技,上饶中至能操控吗(其实是有挂)-哔哩哔哩1、下载好福建天天开心...
第4分钟分享!功夫川麻bug,... 第4分钟分享!功夫川麻bug,人海大厅辅助插件(本来真的是有挂)-哔哩哔哩在进入人海大厅辅助插件辅助...
5分钟了解!随意玩正版透视,金... 5分钟了解!随意玩正版透视,金州水鱼脚本(一贯存在有挂)-哔哩哔哩1、随意玩正版透视系统规律教程、随...
三分钟教你!卡丁互娱辅助器,途... 三分钟教你!卡丁互娱辅助器,途游辅助软件网站(一贯真的有挂)-哔哩哔哩在进入途游辅助软件网站辅助挂后...
第七分钟曝光!奇迹陕西辅助器,... 第七分钟曝光!奇迹陕西辅助器,四川途游辅助软件(总是有挂)-哔哩哔哩1、四川途游辅助软件ai辅助优化...