• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

角2复选框绑定错误

angular 来源:manish kumar 5次浏览

我绑定复选框的选中属性,像这样角2复选框绑定错误

<tr *ngFor="let user of users;let userIndex=index;"> 
    <!--Some other code--> 
    <td (click)="changeUserStatus(userIndex)"> 
     <div class="checkbox"> 
     <label> 
     <input type="checkbox" id="{{'userstatus'+userIndex}}" name="{{'userstatus'+userIndex}}" [checked]="(user.status==='true')?true:false"> 
     </label> 
    </div> 
    </td> 
</tr> 

.TS

changeUserStatus(index: string) { 
    if (this.users[index].status === "false") 
    this.users[index].status = "true"; 
    else this.users[index].status = "false"; 
} 

我甚至检查此条件的模型(user.status = ==’true’)?true:false这是正确的。但复选框没有得到检查,无论如何。

请帮忙!!


===========解决方案如下:

我找到了答案。

更改HTML为:

<input type="checkbox" id="{{'userstatus'+userIndex}}" name="{{'userstatus'+userIndex}}" [checked]="(user.status==='true')?true:''"> 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)