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

相关内容

热门资讯

三分钟外挂！方片怎么透视，南宁... 您好，南宁友乐辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
8分钟详情！内蒙古边锋老友辅助... 8分钟详情！内蒙古边锋老友辅助，微信小程序微乐辅助免费（确实存在有挂）-哔哩哔哩1、在微信小程序微乐...
第九分钟关于！天天贵阳大瓮安插... 第九分钟关于！天天贵阳大瓮安插件，兴动互娱辅助工具（竟然真的有挂）-哔哩哔哩1）天天贵阳大瓮安插件辅...
第九分钟详细！四川小程序辅助器... 第九分钟详细！四川小程序辅助器免费，新518互游脚本下载（原来是真的挂）-哔哩哔哩1、进入到四川小程...
两分钟曝光！安庆胡乐麻将辅助器... 两分钟曝光！安庆胡乐麻将辅助器，微信游戏决胜游戏辅助（竟然有挂）-哔哩哔哩1）微信游戏决胜游戏辅助辅...
七分钟专业！拱趴大菠萝辅助，开... 七分钟专业！拱趴大菠萝辅助，开心泉州小程序辅助免费下载（其实有挂）-哔哩哔哩1、开心泉州小程序辅助免...
2分钟揭幕！微信小程序边锋干橙... 2分钟揭幕！微信小程序边锋干橙眼辅助，起点休闲辅助（竟然有挂）-哔哩哔哩1）微信小程序边锋干橙眼辅助...
7分钟详情！丽水都莱大菠萝脚本... 7分钟详情！丽水都莱大菠萝脚本辅助，赣湘互娱辅助（切实有挂）-哔哩哔哩1、丽水都莱大菠萝脚本辅助透视...
一分钟详细！边锋干橙眼小程序辅... 一分钟详细！边锋干橙眼小程序辅助，广东雀神智能插件是真的（好像真的有挂）-哔哩哔哩1.广东雀神智能插...
第九分钟分享！小逸碰胡科技，广... 第九分钟分享！小逸碰胡科技，广丰510k辅助（竟然有挂）-哔哩哔哩1、完成小逸碰胡科技透视辅助安装，...