html - 如何设置由 ngFor 创建的元素的 id？

Question

我创建了一些元素：

<span *ngFor="let versuch of versuche">
  <div id="titleId[versuch]"><br></div>
</span>

titleId是一个字符串列表，其中存储了我的元素 ID）。

但是，如果我尝试使用 访问元素，document.getElementById('__title__5')则找不到该元素（__title__5 是元素 ID 之一）。

那么你知道设置每个代码的 id 的方法吗？

标签： htmlangulartypescript

Answer 1

ngAttr 用于绑定到任意属性 AngularJS

例如，考虑这个模板

<span *ngFor="let versuch of versuche">
  <div ng-attr-id="{{ 'titleId-' + versuch  }}"><br></div>
</span>

文档 - https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes

角

 <li *ngFor="item of items" #elem [attr.id]="item.id">
        {{ item.name}} ID: {{elem.id}}
 </li>