angular - 使用 ngFor Angular 创建复选框列表

Question

我有一个结构如下的对象列表:

[{item},{item},{item}]

我正在尝试从这个列表中创建一个带 Angular 复选框列表，如下所示:

<form>
     <input *ngFor="let object of objects" type="checkbox"> {{object.name}}
</form>

复选框本身确实出现了，但我无法获得要与每个复选框一起显示的对象的名称。我做错了什么？

Answer 1

您可以使用 *ngFor 的复选框，如下所示。

<form>
   <div *ngFor="let object of objects">
      <input type="checkbox" [checked]="object.checked"> {{object.name}}
   <div>
</form>