2016-09-26 1 views
0

Как изменить цвет текстового поля в Materialize, например, когда ввод неправильный?MaterializeCSS Angular2 Textfield color

Я знаю, что могу сделать это с

.input-field { 
    color:red; 
    } 

что-то.

Но это применяется все время. Я работаю с угловым 2

ответ

0

Вы можете связать логическое значение к классу:

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

Таким образом, ваше поле ввода будет включен valid или invalid класс, основанным на булевом.

Затем вы можете подключить это логическое значение к формеControl или вашей собственной проверке действительности на основе входного значения.