angular – ViewChildren不绑定ngFor

发布时间：2020-12-17 17:22:12 所属栏目：安全来源：网络整理

导读：我有一个简单的模板： div *ngFor="let skill of allSkills | async " div class="skill-chart-with-img" skill-chart-view/skill-chart-view div #skillImg some data /div /div/div 当我尝试绑定#skillImg时,我有一个空的QueryList： @ViewChildren("skill

我有一个简单的模板：

<div *ngFor="let skill of allSkills | async ">
    <div class="skill-chart-with-img">
        <skill-chart-view></skill-chart-view>
        <div #skillImg>
            some data
        </div>
    </div>
</div>

当我尝试绑定#skillImg时,我有一个空的QueryList：

@ViewChildren("skillImg") private skillImgs: QueryList<ElementRef>;
ngAfterViewInit(): void {
        this.skillImgs.forEach((skill: ElementRef) => {
           //some work with skill
        });
}

也许我想念一些东西或者我的任务有更好的解决方案？

解决方法

问题出在异步数据中.解决方案是订阅QueryList更改

例：

ngAfterViewInit(): void {
    this.skillImgs.changes
        .subscribe(() => console.log(this.skillImgs));
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!