2017-11-13 8 views
0

変更イベント発火ないラベル:私は1つの問題を持っている以外 Angular how to get the multiple checkbox value?角度チェックボックスは、このSO記事で説明したように、私はグループのチェックボックスコンポーネントを実装している

すべてがうまく機能しているが、チェックボックスのラベルが変更をトリガしません。イベント、実際のチェックボックス部分のみ。下のプラナーで、チェックボックスとラベルの両方をクリックすると、チェックボックスがトリガーされ、データモデルが更新されますが、チェックボックス部分だけが変更を実行します。私は、その何かが超越的な価値観と関係していると思う。

このplunker http://plnkr.co/edit/BAhzLYo9e4H8PdAt9lGR?p=preview

コード

<checkbox-group [(ngModel)]="selectedItems"> 
    <checkbox *ngFor="let item of availableItems" 
      [value]="item" 
      (change)="onItemChange($event, item)"> 
      {{item}} 
    </checkbox> 
</checkbox-group> 
<p>Selected items - {{selectedItems | json}}</p> 

答えて

1

使用clickイベントリスナーの代わりの変更に関するを参照してください。このように

(click)="onItemChange($event, item)" 
+0

賢い、ありがとう!なぜ(変化)が半分働いていたのかを説明することができますか? – owlyfool

+0

私はこの問題はあなたが使用しているチェックボックスの指示に関連していると思います。ラベルタグに入力タグをラップすると、変更イベントはスムーズに機能します。プランターでこれを試してください

関連する問題