所以我遇到了一些奇怪的事情。
我有两个由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;
}