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、许多玩家不知道黑科技微乐小程序...
玩家必知教程!闲逸亲友圈app... 玩家必知教程!闲逸亲友圈app辅助,九哥玩辅助软件安装(竟然真的有挂)1、九哥玩辅助软件安装公共底牌...
一分钟了解!手机游戏辅助脚本工... 一分钟了解!手机游戏辅助脚本工具,天天微友助手破解版(都是真的有挂)1、一分钟了解!手机游戏辅助脚本...
推荐十款!老k麻将辅助器,辅助... 推荐十款!老k麻将辅助器,辅助定制交易平台(本来是真的有挂)1、下载好辅助定制交易平台正确养号方法之...
总算了解!大唐辅助软件,财神十... 总算了解!大唐辅助软件,财神十三张脚本辅助(一贯真的有挂)1)财神十三张脚本辅助辅助插件:进一步探索...
专业讨论!纳祥游戏脚本,微信小... 专业讨论!纳祥游戏脚本,微信小程序辅助工具(确实是真的有挂)1、在微信小程序辅助工具插件功能辅助器技...
指导大家!微乐麻将脚本掌上程序... 指导大家!微乐麻将脚本掌上程序,琼崖海南麻将辅助器(确实存在有挂)1、下载好微乐麻将脚本掌上程序正确...
分享实测!牛总管辅助免费版,和... 分享实测!牛总管辅助免费版,和和营口辅助(一贯是有挂)1)牛总管辅助免费版免费钻石:进一步探索牛总管...
推荐一款!乐乐围棋入门辅助,小... 推荐一款!乐乐围棋入门辅助,小程序微乐辅助器2.0(竟然有挂)该软件可以轻松地帮助玩家将小程序微乐辅...
信息共享!丽水茶苑手机辅助,四... 信息共享!丽水茶苑手机辅助,四川途游辅助软件瞎子啊(确实是真的有挂)1、起透看视 四川途游辅助软件瞎...