angular - 如何在 Angular 4 中将复选框标记为已选中

Question

我是 Angular 2 的新手。我需要在单击按钮时标记复选框。 我在循环中有一些复选框，例如

 <tr *ngFor="let roleObj of roleNameList">
      <td>
         <input type="checkbox"   id ={{roleObj.roleID}} />
     </td>
     <td>{{roleObj.roleName}}</td>
  </tr>

我有一组选定的 Angular 色，只需要在单击编辑按钮时标记这些复选框。所以我在 javascript 中做了同样的事情

 document.getElementById("role").checked

但是在 Angular 4 中没有这样的属性。

我搜索并发现有一个属性绑定(bind)

[checked] ="somevariable"

但问题是相同的属性 [checked] ="somevariable"将添加到所有复选框。结果是当我将 somevariable 指定为 true 时。它将标记所有复选框。

我在 jquery 中的其他解决方案，如

$(document.getElementById(role)).prop('checked', true);

但可能会造成问题，我不确定请指正。

请帮帮我。任何线索或逻辑都会影响我的生活。

Answer 1

您可以修改您的对象以包含一个 bool 值 checked属性(即 roleObj.checked = false )并在需要时动态更新相关属性。

然后你的标记就变成了

<input type="checkbox" [checked]="roleObj.checked" id ={{roleObj.roleID}} />