角2复选框绑定错误

Question

我绑定复选框的选中属性，像这样

<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这是正确的。但复选框没有得到检查，无论如何。

请帮忙!!

Answer 1

我找到了答案。

更改HTML为：

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

Answer 2

使用ng-model而不是id。尝试阅读这些文档： https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

有一些原因的角度不使您的输入属性