Mdl ввод текста проверки по нажатию кнопки [angular4]

Question

У меня есть проблема с необходимой проверкой в ​​моей форме, я сделал логическое значение, которое становится истинным, когда я сохраняю свою форму, и некоторые входные данные пусты.

 isRequired() {
     if (this.userInfo.email == null || this.userInfo.email === '') {
         this.validateInput = false;
     }
 }

И в моем html:[required]="validateInput==false"

В основном, когда я нажимаю на кнопку, которая вызывает «isRequired», все метки, которые являются пустыми, изменяют красный цвет, но строка и метка border-bottom исчезают.

Это что-то не так, что я сделал, или это ошибка, связанная с MDL Light?

Спасибо за помощь!