Angular2复选框 - 取消选中事件

时间:2017-06-21 05:31:47

标签: angular

你好我有带复选框的下拉菜单,当点击下拉菜单项时,我的呼叫功能有问题。这是我的代码:

 <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()(我需要通过取消选中调用)。 当我需要使用check和uncheck的调用方法时,我必须使用什么事件? 感谢

1 个答案:

答案 0 :(得分:3)

带走价值=&#34;&#34;然后将初始模型(filter.checked)设置为您希望它开始的样式。

值=&#34;&#34;事情会妨碍! :)

此外,您似乎正在使用ngFor为您提供复选框列表...但在(ngModelChange)中,您将通过整个列(具有多个复选框)...可能不是你打算做的事情?

例如。我想这可能更符合你的需求?

(ngModelChange)="onSelectFilter(filter)"