如何将动态索引从ngFor添加到html属性值

Question

我运行ngFor并且我需要循环中的某些属性通过向其添加ngFor index来改变它的值.这意味着在ngFor中创建的每个div都将具有uniq属性值.资源 :

<div class="class1" *ngFor="let item of items; let i= index">
    <div class="card-header" role="tab" id="Id">
        <h1>Hello</h1>
    </div>

我想绑定id 来获取它的值:当index = 0时Id0.

<div class="card-header" role="tab" [attr.id]="Id+'i'"> Doesn't work :(

Answer 1

尝试:

<div class="card-header" role="tab" id="{{'Id'+i}}">

Answer 2

3个解决方案

<div class="card-header" role="tab" id="{{'Id'+i}}">
<div class="card-header" role="tab" [attr.id]="'Id'+i">
<div class="card-header" role="tab" [id]="'Id'+i">