2017-06-21 17 views
1

こんにちは私はチェックボックス付きのドロップダウンメニューを持っており、ドロップダウンメニュー項目をクリックするとコール機能に問題があります。ここに私のコードは次のとおりです。チェックボックスがチェックされたときにAngular2チェックボックス - イベントのチェックを外す

<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
      <li *ngFor="let filter of column.filters"> 
      <div class="checkbox"> 
       <label><input type="checkbox" value="" #checkbox [(ngModel)]="filter.checked" 
       (ngModelChange)="onSelectFilter(column)">{{filter.value}}</label> 
      </div> 
      </li> 
     </ul> 

機能onSelectFilter()は(私はチェックを外して呼び出す必要があります)と呼ばれていません。 チェックしてコールメソッドが必要なときに、どのようなイベントを使用する必要がありますか? ありがとう

+1

[**私のために働く**](http://plnkr.co/edit/2U3vDKQcBWlz1MXAsMTe?p=info)。 – developer033

答えて

3

value = ""を取り除き、初期モデル(filter.checked)を開始するように設定してください。

値= ""のものはちょうど途中に入ります! :)

また、ngForを使用してチェックボックスのリストを表示しているようですが、(ngModelChange)では列全体(複数のチェックボックスがあります)を通過しています...これはあなたがやろうとしているものではないかもしれませんか?

例えば、私はこれがあなたが望むより多くのものか​​もしれないと思いますか?

(ngModelChange)="onSelectFilter(filter)" 
+0

おかげで、私はチェックボックスを編集したとき、それは動作します: '

  • ' – bluray

    +0

    優れた:)それはその小さな「標準的なHTML」をやって捕まるのは非常に簡単です角度が好きではありません! – NightCabbage

    関連する問題