微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用QueryList会给出第一个HTML元素

如何解决使用QueryList会给出第一个HTML元素

我正在使用Angular 10,并尝试使用QueryList和下面的代码(就像网络上的许多示例一样)

HTML

<div *ngFor="let i of [1,2,3,4]" #someID>some content</div>

TS

  @ViewChild('someID') someIds: QueryList<ElementRef>;

在组件中运行console.log(this.someIds)时,在组件初始化之后,实际上是在获取ElementRef对象(可能是第一个或最后一个div),而不是整个列表。

enter image description here

我在做什么错了?

解决方法

ViewChild 更改为 ViewChildren

@ViewChildren('someID') someIds: QueryList<ElementRef>;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。