角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

有一些原因的角度不使您的輸入屬性