如何在 Angular js 5 中的组件上动态添加 id？答案

【问题标题】：how to add ids dynamically on component in angular js 5?如何在 Angular js 5 中的组件上动态添加 id？
【发布时间】：2018-04-12 16:10:10
【问题描述】：

我试图从数组中获取数据并显示在 div 中。但是每当我遍历时，我都需要为每个 div 添加不同的 id。谁能给我一个线索如何做到这一点？

这是循环的样子：

<div class="container2">
   <div *ngFor="let dependants of data[0].dependsOn">

   <app-sequence-element-preview [sequenceElement]='dependants'>
   </app-sequence-element-preview>

   </div>
</div>

例如，这里 ngfor 将循环遍历每个数组索引，它将数据存储在不同的 div 中。那么如何将 id 添加到该 div 中。

【问题讨论】：

标签： angular

【解决方案1】：

您可以分配一个索引并在其中使用它

<div class="container2">
   <div *ngFor="let dependants of data[0].dependsOn;let i=index" id="{{'Id'+i}}">

   <app-sequence-element-preview [sequenceElement]='dependants'>
   </app-sequence-element-preview>

   </div>
</div>

【讨论】：

【解决方案2】：

这应该可行：

<div class="container2">
<div id=“div+{{i}}” *ngFor="let dependants of data[0].dependsOn; let i= index>“
 <app-sequence-element-preview [sequenceElement]='dependants'>
 </app-sequence-element-preview>

 </div>
 </div>

【讨论】：

怎么会这样？我需要添加“id”。像 ngfor 将循环通过。并且对于每个数组索引，它将数据存储在不同的 div 中。那么如何在该 div 上添加 id。那是我的问题@oudekaas
在那种情况下我不明白你的问题？您要向哪些 div 添加 id？