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

相关内容

热门资讯

如何分辨真伪！微信新版518互... 如何分辨真伪！微信新版518互游辅助（透视）赣牌圈小程序破解版（详细开挂外开挂教程）；1、很好的工具...
重大消息！潮汕来物局游戏源码（... 重大消息！潮汕来物局游戏源码（透视）拱趴大菠萝有辅助吗（详细开挂外开挂教程）重大消息！潮汕来物局游戏...
新手必备！0759湛江吴川三脚... 新手必备！0759湛江吴川三脚鸡脚本（透视）福建天天开心辅助（详细开挂外开挂教程）1、点击下载安装，...
推荐几款新版！杭州都莱辅助臁（... 推荐几款新版！杭州都莱辅助臁（透视）随意玩挂（详细开挂外开挂教程）1、进入到杭州都莱辅助臁黑科技之后...
推荐一款!！九酷众游辅助（透视... 推荐一款!！九酷众游辅助（透视）海盗来了辅助器无限炮（详细开挂外开挂教程）1、九酷众游辅助透视辅助简...
最新研发！蘑菇云辅助怎么使用（... 最新研发！蘑菇云辅助怎么使用（透视）南昌微乐自建房辅助（详细开挂外开挂教程）；1、下载好蘑菇云辅助怎...
总算明白!！情怀七喜游戏辅助（... 总算明白!！情怀七喜游戏辅助（透视）丽水都莱有辅助吗（详细开挂外开挂教程）1、进入到情怀七喜游戏辅助...
总算了解!！微乐小程序辅助器脚... 总算了解!！微乐小程序辅助器脚本（透视）心悦填大坑辅助（详细开挂外开挂教程）；进入游戏-大厅左侧-新...
分享一款！赣牌圈控制牌型辅助器... 分享一款！赣牌圈控制牌型辅助器（透视）开心茶苑13道辅助（详细开挂外开挂教程）1、打开软件启动之后找...
科技介绍！奇迹脚本辅助（透视）... 科技介绍！奇迹脚本辅助（透视）潮汕激k辅助（详细开挂外开挂教程）；1、不需要AI权限，帮助你快速的进...