使用 ngFor Angular 创建复选框列表

san*_*der 3 checkbox angular-template angular angular-ngfor

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

[{item},{item},{item}]
Run Code Online (Sandbox Code Playgroud)

我正在尝试创建一个带有角度的复选框列表,如下所示:

<form>
     <input *ngFor="let object of objects" type="checkbox"> {{object.name}}
</form>
Run Code Online (Sandbox Code Playgroud)

复选框本身确实显示了,但我无法获取每个复选框中显示的对象的名称。我究竟做错了什么?

Unl*_*yAj 6

您可以将复选框与 *ngFor 一起使用,如下所示。

<form>
   <div *ngFor="let object of objects">
      <input type="checkbox" [checked]="object.checked"> {{object.name}}
   <div>
</form>
Run Code Online (Sandbox Code Playgroud)