代码之家 › 专栏 › 技术社区 › sander

复选框对象角度

checkbox angular

0

sander · 技术社区 · 8 年前

如何从所选对象中创建新数组?

TS

  selectedObjects: object[];
  objectArray: object[];

HTML

  <div *ngFor="let object of objectArray">
      <input [checked]="selectedObjects" type="checkbox" name="object.name" value="object.property2">{{object.name}}
    </div>

1 回复 | 直到 8 年前

1

Maryannah 8 年前

将输入绑定到 change 事件:

<input type="checkbox" (change)="updateSelected(object.property2)" name="object.name" value="object.property2">{{object.name}}

在TS中:

updateSelected(value: string) {
  if (this.selectedObjects.includes(value)) {
    this.selectedObjects.splice(this.selectedObjects.indexOf(value));
  } else {
    this.selectedObjects.push(value);
  }
}