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

您的报价似乎错了：

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

你把它放在'i'而不是'Id'周围

Answer 3

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">

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

3 个答案: