Setting td class on click angular 2

Question

I have table like this

<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>

I want to also set td class 'reserved' on click. How can I achieve this?

Maybe this discussion will help you: https://stackoverflow.com/questions/20460369/adding-and-removing-classes-in-angularjs-using-ng-click — Rasmus Lauridsen, Nov 12 '17 at 09:13

score 0 · Answer 1 · answered Nov 12 '17 at 09:29

0

try this

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

answered Nov 12 '17 at 09:29

Kent Dela Cruz Fueconcillo

668
5
15

Setting td class on click angular 2

1 Answers1