angular - 根据另一个 ngFor 的索引将 ngClass 附加到 ngFor 项目

Question

所以我遇到了一些奇怪的事情。

我有两个由 ngFor 生成的列表。第一个有可点击的项目。另一个项目只是应该根据第一个列表中的事件来适应不同的类。

发生的情况是，一旦我附加了 ngClass，可点击列表中的所有项目，但最后一个项目都被禁用。

有什么可能出错的想法吗？

HTML：

<div *ngFor="let i of items; let index = index">
   <div [ngClass]="{'some-class': index !== chosenIndex,'some-other-class': index === chosenIndex}">
      <em>{{i.name}}</em>
   </div>
</div>

<div *ngFor="let o of objects; let i = index">
  <div> {{o.title}} (click)="viewInfo(o,i)">
  </div>
</div>

打字稿：

viewInfo (o: Object, i: number) {
  this.object = o;
  this.chosenIndex = i;
}