angular - 循环遍历@ViewChildren 原生元素

Question

给定以下标记

<div *ngFor="let item of items">
    <input type="text" #val />
</div>

我在一个组件中定义

@ViewChildren('val') rows;

然后我禁用了第一个输入元素

this.rows.first.nativeElement.disabled = true;

如何循环禁用所有输入？

这行不通

this.rows.forEach(val => val.disabled = true);

这也行不通

this.rows.forEach(val => val.nativeElement.disabled = true);

Answer 1

要遍历子项，请像这样使用 toArray():

this.rows.toArray().forEach(val => val.nativeElement.disabled = true);