时间戳

首页 > 解决方案 > 将 id 绑定到 Angular mat-checkbox

html - 将 id 绑定到 Angular mat-checkbox

问题描述

我想将 id 绑定到 Angular 材质复选框。我有一个对象项目。当我检查 html 我有 item.id + '-input' 但是当我绑定名称时没关系： item.id

这是我的代码：

<mat-checkbox [id]="item.id"[name]="item.id">

标签： htmlangulartypescriptangular-material

解决方案

我还没有使用过 Material，但是在原生 Angular 中，您可以通过 [id]="{{item.id}}"的组件分配 ID 。如果您使用对象数组 [] 的项目，您还可以尝试遍历您的数组以创建多个条目，如下所示。

<div class="subbox text-center"
     *ngFor="let i of item">
  <mat-checkbox [id]="{{i.id}}" [name]="{{i.name}}">
</div>

推荐阅读