angular - 基于 *ngFor 'first' 变量编写任意 html 标签属性？

Question

我有一个使用 *ngFor 来显示小部件/DIV 列表的组件，每个小部件/DIV 都包含一个文本区域元素。

我想将焦点设置在第一个文本区域上，以从此小部件/DIV 列表中出现。

我可以使用 ngFor 指令的 'first' 变量来编写任意 html 吗？就我而言，我想将“自动对焦”标签/属性添加到我的组件写入的第一个文本区域元素中:

例如<textarea autofocus></textarea>

我在这里放了一个可以工作的示例 plunkr，但它使用了 ngAfterViewInit() 方法，当我的组件知道列表中第一个元素时，这对我来说似乎很笨拙: https://embed.plnkr.co/a3zXZd9WBFNTj6yu1oU6/

谢谢。

Answer 1

您可以将 first 局部变量绑定(bind)到自动对焦:

<div *ngFor="let name of NAME_LIST; let first = first;">
  {{name}}<br />
  <textarea [autofocus]="first"></textarea> <br /><br />
</div>