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

时间:2016-07-18 09:53:47

标签: angular ng-class ngfor

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

我有两个由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;
}

0 个答案:

没有答案