Angular 2 Chage颜色的细胞

Question

Reference to a related question

我有一个表，如果空的单元格为黄色，但如果有人写入，则会变为白色：

Tabla

我的问题是我已经完成了HTML：

HTML

但该组件不是如何获取该单元格是否为空。

如何获得值以了解该单元格是否为空？

Component

因为如果它是空的，那么开关将传递黄色值，如果有人在切换到另一个单元格时写入，则会变为白色

Answer 1

我会试试：

1. 将表格放入ReactiveForm
2. 使用ngclass和属性pristine和untouched

Answer 2

您可以使用ngClass或ngStyle

我给你一个ngStyle的解决方案：

在您的HTML更改输入中：

<input type="text"  [(ngModel)] = "test" [ngStyle]= "{'background-color' : 
test == ''?'yellow' : 'white'}">

在你的component.ts中： 添加

test = '';

您当然可以根据您更改变量名称和颜色。我只想举一个简单的例子。