2017-06-21 125 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