角2复选框绑定错误

  • Z时代
  • 2024-01-10
  • 分类：问答

我绑定复选框的选中属性，像这样角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:''">

回答：

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

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

以上是 角2复选框绑定错误 的全部内容， 来源链接： utcz.com/qa/259494.html

回到顶部