angular – (click)和[ngClass]不更改表格单元格颜色

<table style="border: 1px solid black;">
    <thead>
        <tr style="border: 1px solid black;" *ngFor="let row of tableData">

            <td style="border: 1px solid black;"
                *ngFor="let column of row" class="{{ column }}"
                [ngClass]="{'selected': column == val }"
                [ngClass]="{'toChange': clicked}"
                (click)="clicked = !clicked">
                {{ column | uppercase }}
            </td>
        </tr>
    </thead>
</table>

当在循环期间创建每个单元格时,它还会添加一个与css样式对应的单击事件.但是,一旦单击一个单元格,我就完全没有颜色变化.

供参考,css是：

toChange {
     background-color: blue;
}

任何人都在乎向我解释为什么我的代码不起作用？非常感谢！