(角度)将* ngFor“ i”值设置为(data.id)

时间:2018-12-19 19:08:48

标签: angular ngfor

使用* ngFor时,我想在'let i = ...'中存储一个不同于'index'的值,因为我将使用它作为列表元素的ID。

这基本上是我想要的:

 <div *ngFor="let data of User; let i = {{data.id}}"></div>

我也尝试过这样,

 <div *ngFor="let data of User; let i = (data.id)"></div>

或:

 <div *ngFor="let data of User; data.id as i"></div>

我最后一次尝试是使用trackBy。但这失败了

任何操作均无效,该应用程序停止运行。这有可能吗?我该怎么办?

编辑

所以,我被要求提供更多细节。

我正在使用此ngFor从我的数据库中显示一些信息。但是它需要每个元素都有一个ID。该ID必须与数据库中的ID相同。如果我只使用“ i =索引”,则ID将来自(0-最后一个),但我不希望这样。我需要ID成为数据库中的ID,这就是为什么'i = index'不可行的原因,我需要像'i = data.id'这样的东西

2 个答案:

答案 0 :(得分:2)

无需麻烦,因为您已经可以将id直接绑定到值。例如

<div *ngFor="let data of User" [id]="data.id"></div>

答案 1 :(得分:1)

您可以尝试以下操作

'$implicit.id' as i

演示https://stackblitz.com/edit/angular-8agswk