Angular2中的复选框未触发事件

摩根

我已经尝试了所有我能想到的事情,以使事件在复选框更改状态时触发,但似乎无法正常工作。

这是HTML

<div *ngIf="role?.ACTIVE_FLAG === 'Y'">
   <div class="label"> Active Record </div>
      <input type="checkbox" (click)="toggleRoleActive()" checked>
</div>
<div *ngIf="role?.ACTIVE_FLAG === 'N'">
   <div class="label"> Active Record </div>
      <input type="checkbox" (click)="toggleRoleActive()">
</div>

这是toggleRoleActive()
编辑:

toggleRoleActive(){
    if(this.role_submit.ACTIVE_FLAG === 'Y'){
        this.role_submit.ACTIVE_FLAG = 'N';
    }else {
        this.role_submit.ACTIVE_FLAG = 'Y';
    }
}

我面临的挑战之一是,当我从服务器获取数据时,该按钮需要选中还是不选中。但是,如果他们想停用或重新激活该角色,我希望它响应该复选框。

我已经尝试使用[(ngModel)](change)以及更简单的解决方案,但是已经触发所有的事件的唯一的事情是[(ngModel)],做起来这样,我结束了true/false而不是'Y'/ 'N'同样,如果我使用[(ngModel)],则无论服务器发送什么数据,该复选框始终被标记为选中状态。

贡特·佐赫鲍尔(GünterZöchbauer)

您可以分别处理分配和更改事件处理程序:

<input type="checkbox" 
  [ngModel]="role?.ACTIVE_FLAG === 'Y' ? true : false"        
  (ngModelChange)="toggleRoleActive()" checked>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

复选框onchange事件未触发

来自分类Dev

Angular2 复选框 - 取消选中事件

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Kendo模板复选框未触发点击事件

来自分类Dev

复选框事件未选中时不触发

来自分类Dev

Kendo模板复选框未触发点击事件

来自分类Dev

复选框事件侦听器未触发

来自分类Dev

更改事件未触发Chrome扩展程序中的复选框

来自分类Dev

datagrid已检查事件中的复选框未触发wpf mvvm

来自分类Dev

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

来自分类Dev

jQuery自动触发复选框事件

来自分类Dev

触发复选框的更改事件

来自分类Dev

复选框会触发多个事件

来自分类Dev

每个复选框触发事件

来自分类Dev

复选框触发更改事件

来自分类Dev

动态加载的复选框未触发

来自分类Dev

动态加载的复选框未触发

来自分类Dev

在asp.net的页面上触发验证时,复选框更改事件未触发?

来自分类Dev

为什么在d3js中以编程方式执行复选框更改事件时未触发

来自分类Dev

在 Ext Js 网格过滤器中未选中过滤器菜单的复选框时触发事件?

来自分类Dev

Angular2 click事件未触发

来自分类Dev

Angular2:生成复选框问题

来自分类Dev

Angular2 - 带有多个复选框的 NgFor

来自分类Dev

Angular2:如何在FormGroup中实例化复选框的状态?

来自分类Dev

复选框事件

来自分类Dev

引导复选框中的Onchange事件

来自分类Dev

仅使用bookmarklet触发Chrome中的复选框onchange事件

来自分类Dev

如何在sitecore发布表单中触发语言复选框的oncheckchanged事件