我已经尝试了所有我能想到的事情,以使事件在复选框更改状态时触发,但似乎无法正常工作。
这是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)]
,则无论服务器发送什么数据,该复选框始终被标记为选中状态。
您可以分别处理分配和更改事件处理程序:
<input type="checkbox"
[ngModel]="role?.ACTIVE_FLAG === 'Y' ? true : false"
(ngModelChange)="toggleRoleActive()" checked>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句