Question

我试图从数组中获取数据并以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。

Answer 1

这应该有效：

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

Answer 2

您可以指定索引并在其中使用

＆＃13;

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

＆＃13;

如何在角度js 5中动态添加id？

2 个答案: