遍历@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);