单击按钮时的Mdl输入文本验证[angular4]-Java 学习之路

我在我的表单中遇到了所需验证的问题，我做了一个布尔值，当我保存表单并且某些输入为空时，该布尔值变为true .

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

在我的HTML： [required]="validateInput==false"

基本上当我点击触发"isRequired"的按钮时，每个空白的标签都会变为红色，但 border-bottom 行和标签都消失了 .

This is an example:

这是我做的错误还是与mdl light有关的错误？

谢谢您的帮助！

单击按钮时的Mdl输入文本验证[angular4]