二维数组中的SelectedIndex

时间:2018-07-06 21:03:06

标签: html css angular

<div class="outer" *ngFor="let place of hallPlace; let i = index">
    <div [ngClass]="{'seat-reserve' : selectedIndex === (j*i)+j}" class="inner" *ngFor="let spot of place; let j = index" (click)="setPlace((j*i)+j)">
        <span class="content">{{spot}}</span>
     </div>
</div>

  setPlace(seat) {
    this.selectedIndex = seat;
  }

我有一个二维数组,我想将类添加到选定的项目,现在当我单击第一个元素时,将样式添加到1列中,并且当我单击随机元素时,将样式添加到一些元素中。如何添加样式仅一个元素?并且可以使用selectedIndex的数组吗?

1 个答案:

答案 0 :(得分:1)

问题在于索引计数以0开头,如果乘以0则得到0

因此,请尝试使用((j+1) * (i+1)) + j + 1而不是(j*i)+j