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

Question

我运行 ngFor 并且我需要循环内的某些属性会通过向其添加 ngFor 索引来更改它的值。这意味着在 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 :(

原文由 user3035279 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试：

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

原文由 snorkpete 发布，翻译遵循 CC BY-SA 3.0 许可协议

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

原文由 Stéphane GRILLON 发布，翻译遵循 CC BY-SA 4.0 许可协议