MaterialiseCSS Angular2 Textfield颜色

时间:2016-09-26 08:28:10

标签: css3 angular materialize

如何在输入错误时更改Materialize中文本字段的颜色?

我知道我可以用

来做
.input-field {
     color:red;
   }

东西。

但这一直适用。我正在使用Angular 2

1 个答案:

答案 0 :(得分:0)

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

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

这样,您的输入字段将基于布尔值启用validinvalid类。

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