在点击角度 2 上设置 td 类答案

【问题标题】：Setting td class on click angular 2在点击角度 2 上设置 td 类
【发布时间】：2017-11-12 19:18:16
【问题描述】：

我有这样的桌子

<table>
    <tbody>
        <tr *ngFor="let row of createRange(seats.theatreDimension.rowNum)">
            <td [ngClass]="{'reserved': isReserved(row, seat)}" id={{row}}_{{seat}} (click)="selectSeat(row, seat)" *ngFor="let seat of createRange(seats.theatreDimension.seatNumInRow)">
            </td>
        </tr>
    </tbody>
</table>

我还想在点击时设置 td 类'reserved'。我怎样才能做到这一点？

【问题讨论】：

基于布尔属性切换
或者保留一个多维数组来保存状态
也许这个讨论会对你有所帮助：stackoverflow.com/questions/20460369/…
我正在使用 Angular 2
@user184994 你对此有什么建议吗？

标签： javascript html angular

【解决方案1】：

试试这个

<td [ngClass]="{'reserved': isReserved(row, seat)}" id={{row}}_{{seat}} @click="selectSeat(row, seat)" *ngFor="let seat of createRange(seats.theatreDimension.seatNumInRow)">
        </td>

【讨论】：