Bind Click and changeチェックボックスangular2

Question

私はangle2（ベータ17）を使ったチェックボックスに奇妙な問題があります。

要素と同じチェックボックスを設定しようとしていますが、配列があり、変更またはクリックイベントがバインドされています。例えば

私は配列を持っている：

myObjects=[ 
    {value:true}, 
    {value:true}, 
    {value:false}, 
    {value:true} 
]; 

そして、私はすべてのチェックボックスを作成するngForを使用しています：

<div *ngFor="let myObject of myObjects; let i = index" > 
    <input 
      type="checkbox" 
      [checked]="myObject.value" 
      (change)="updateCheckedOptions(i, $event)" 
    /> 
</div> 

そして最後に、私は私のコンポーネントで機能を持っている：

を

@Input() myObjects; 

updateCheckedOptions(index,event){ 
    this.myObjects[index].value=event.target.checked; 
} 

しかし、問題は、チェックボックスが変更されないということです。チェックボックスをクリックすると、初期状態がチェックされ、常にチェックされたままであり、逆も同様である。

（クリック）、（変更）、[（ngModel）]を試してみましたが、動作しません。

ありがとうございます！

Answer 1

あなたはngModelChangeを確認することができます：私はちょうどコピーして[plunker]でコードを貼り付け

//This is your component 
 

 
@Input() myObjects; 
 

 
myObjects=[ 
 
    {value:true}, 
 
    {value:true}, 
 
    {value:false}, 
 
    {value:true} 
 
]; 
 

 
updateCheckedOptions(index,event){ 
 
    this.myObjects[index].value=event.target.checked; 
 
    console.log(index + " ---- " + event); 
 
}

<div *ngFor="let myObject of myObjects; let i = index" > 
 
    <input 
 
      type="checkbox" 
 
      [checked]="myObject.value" 
 
      (ngModelChange)="updateCheckedOptions(i, $event)" 
 
    /> 
 
</div>