小编Jan*_*gen的帖子

我尝试使用以下方法单击一次更改表格中单元格的颜色:

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

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