angular - 如何在 ngFor 中保存顶部位置样式？

Question

我有以下代码：

<ng-container *ngFor="let object of objectCartItems$ | async; trackBy: trackByKey; let i = index">
    <app-object-details
        [object]="object"
        [style.top.px]="(i + 1) * 10"
        [style.right.px]="right"
        cdkDrag
    ></app-object-details>
</ng-container>

如您所见，每个下一个组件app-object-details都从上一个组件的顶部偏移10px。

问题是当我从数组中删除元素时，objectCartItems$这个索引会移动。如何保存位置顶部？

我可以使用映射objectCartItems$并为每个数组元素添加索引作为解决方案。有点我不想变异objectCartItems$。

标签： angular