Question

我的页面上有多个复选框列表。

<label class="each-topic each-hcp" for="hcp{{hcpinfo.id}}{{hcpinfo.firstName}}" *ngFor="let hcpinfo of hcplist; let i=index">
    <input type="checkbox" name="hcpid" id="hcp{{hcpinfo.id}}{{hcpinfo.firstName}}" value="{{hcpinfo.id}}">
    <h4>{{hcpinfo.firstName}}</h4>
</label>

在我的.ts文件中，我有一个预定义的数组为this.hcparr。

其中包含[5,8,10]之类的值-array。

如果hcparr的值为hcpinfo.id，则需要选中相应的复选框。

如何使用此数组列表实现带有多个复选框的if条件？

请帮助我。

Answer 1

使用checked绑定：

 <label class="each-topic each-hcp"  *ngFor="let hcpinfo of hcplist; let i=index" >                
  <input type="checkbox" name="hcpid" id="hcp{{hcpinfo.id}}{{hcpinfo.firstName}}" value="{{hcpinfo.id}}" [checked]="hcparr.indexOf(hcpinfo.id) > -1" >
  <span>{{hcpinfo.firstName}}</span>          
 </label>

Demo

角度2多重复选框预选

1 个答案: