MaterializeCSS Angular2テキストフィールドの色

Question

入力が間違っているなど、Materializeのテキストフィールドの色を変更するにはどうすればよいですか？

私は

.input-field { 
    color:red; 
    } 

何かでそれを行うことができます知っています。

しかし、これは常に適用されます。私はあなたがクラスにブール値をバインドすることができアンギュラ2

Answer 1

で働いている：

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

この方法では、あなたの入力フィールドがvalidまたはinvalidクラスがブール値に基づいて、有効になっています。

次に、このブール値をformControlまたは入力値に基づいた独自の有効性チェックに接続できます。