角度4：複数選択のチェックボックスを使用

Question

角度4の使用 - チェックボックスをオフにした場合、どのようにアイテムをアレイから削除できますか？ 誰かがそのように見えるコンポーネント機能を表示してもらえますか？ ありがとうございました。次のように 私のコードは次のとおりです。

**app.component.html:** 

<div> 
<h2>SAMPLE</h2> 
<input [(ngModel)] = "newItem" type="text" placeholder="Add Item"> 
<button (click)="addItem()">ADD</button> 
<ul *ngFor="let i of Items ; let ind=index" > 
<li><input type="checkbox" [checked]="stat" (click)="flagged(ind)" >{{i}}</li> 
</ul> 
<ul *ngFor="let f of flaggedItems"><li> 
<h3>Flagged array : {{f}}</h3> 
</li></ul> 
</div> 


**app.component.ts :** 

flagged(index) { 
    this.toggler(); 
    this.i = 0; 
    while (this.i < this.flaggedItems.length) 
     { 
     if (index === this.flaggedItems[this.i]){ 
      this.presentin = this.i; 
      this.present = true; 
      break; 
     } 
     this.i++; 
     } 
     if (this.stat === true && !this.present) { 
      this.flaggedItems.push(index); 
     } 
    else { 
     this.flaggedItems.splice(this.presentin, 1); 
     } 
    } 

    toggler() { 
    if (!this.stat){ 
     //this.pr = 'checked'; 
     this.stat = true; 
    } 
    else { 
     //this.pr = 'Unchecked'; 
     this.stat = false; 
    } 
    } 

Answer 1

は、あなたがしようとしています。

(change)="doSomething($event)" 

これは、おそらくチェックボックスを処理する最も適切なイベントです。