Checkbox object in Angular

Question

How can I make a new array out of selected objects ?

.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>

user4676340 · Accepted Answer · 2018-07-23 10:34:49Z

1

Bind your inputs to the change event :

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

In your TS :

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

answered Jul 23, 2018 at 10:34

user4676340

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Checkbox object in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related