Angular2改变细胞的颜色

Question

早上好，

我的问题是关于更改表格中单元格的颜色。 当它是空的时我想要它是黄色的，当我输入一些值时它会变成白色。

我曾考虑过为每种情况使用ngswitch，以及当我从一个单元格切换到另一个单元格时的焦点事件，检查它是否为空或具有值。

感谢。

Answer 1

保持简单！

使用ngClass并定义两个具有不同背景颜色的不同css类，例如：

.empty{
  background: yellow;
} 

.content{
  background: white
}

在html中，您可以添加以下内容：

<div [ngClass]="cellContent == cellContent ? 'empty': 'content'">

其中cellContent可以是一个空的字符串，或者您想要在单元格中显示的字符串。