MaterializeCSS Angular2 文本字段颜色

【问题标题】：MaterializeCSS Angular2 Textfield colorMaterializeCSS Angular2 文本字段颜色
【发布时间】：2016-09-26 16:34:34
【问题描述】：

如何在 Materialise 中更改文本字段的颜色，例如当输入错误时？

我知道我可以做到

.input-field {
     color:red;
   }

某事。

但这始终适用。我正在使用 Angular 2

【问题讨论】：

【解决方案1】：

您可以将布尔值绑定到类：

<input class="foo bla bar {{valid?'valid':'invalid'}}" type="text"/>

这样，您的输入字段将启用 valid 或 invalid 类，基于布尔值。

然后您可以将此布尔值连接到 formControl 或您自己的基于输入值的有效性检查。

【讨论】：