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()选中复选框时不调用函数(我需要取消选中调用)。当我需要使用检查和取消检查调用方法时必须使用什么事件?谢谢

夜白菜

去掉 value="" 并将初始模型 (filter.checked) 设置为您希望它开始时的样子。

value="" 的东西只会碍手碍脚!:)

此外,似乎您正在使用 ngFor 为您提供一个复选框列表……但是在 (ngModelChange) 中,您正在传递整个列(其中有多个复选框)……这可能不是您的打算做什么?

例如。我想这可能是你想要的?

(ngModelChange)="onSelectFilter(filter)"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

Angular4 - 取消时选中复选框

来自分类Dev

在Angular2中选中复选框时启动事件

来自分类Dev

取消选中复选框

来自分类Dev

yii2:选中复选框

来自分类Dev

如何设置未选中的复选框1选中复选框2并设置未选中的复选框2使用脚本选中复选框1时?

来自分类Dev

使用ng-click重置Angular复选框,以重置绑定到该复选框的ng-model,从而防止取消选中该复选框

来自分类Dev

在 ExtJS 中取消选中复选框时的事件?

来自分类Dev

Angular-选中/取消选中所有复选框

来自分类Dev

将复选框绑定到模型并在Angular中选中/取消选中它

来自分类Dev

如何返回在 ANGULAR Material 6 中选中和取消选中的复选框的布尔值

来自分类Dev

如何自动重新选中已使用 angular 取消选中的复选框

来自分类Dev

迭代struts 2中的哈希图并根据其值选中或取消选中复选框

来自分类Dev

通过空格键选中和取消选中角度2中的复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中并取消选中动态复选框

来自分类Dev

取消选中“全部选中”复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

无法选中/取消选中复选框

来自分类Dev

选中/取消选中复选框jQuery

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中/取消选中无复选框

来自分类Dev

无法选中/取消选中复选框

来自分类Dev

Angular2,如果未选中任何复选框,则禁用按钮

来自分类Dev

Angular2如何获取所有选中的复选框

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

Angular JS复选框使用$ watch来计数选中的复选框

Related 相关文章

热门标签

归档