Validation Angular2/material 2:md输入容器标签在以编程方式更改值时未重置浮点

Validation Angular2/material 2:md输入容器标签在以编程方式更改值时未重置浮点,validation,angular,typescript,angular2-forms,angular-material2,Validation,Angular,Typescript,Angular2 Forms,Angular Material2,我在使用@angular/material的md输入容器和反应式表单模块时遇到问题 我正在使用FormBuilder的FormGroup制作一个带有三个md输入的登录表单,这些输入都与值相关联。那里的一切都很好 我的问题是,在ngSubmit功能中,如果输入的凭据无效,我将重置表单。使用FormGroup的.reset()方法将值重置为默认值,但md输入容器中的浮动标签不会重置为其原始位置,因为它们应该位于空字段上。我猜材料设计指令正在寻找一个模糊事件来更新这一点,但我不知道,我不知道如何强迫它

我在使用@angular/material的
md输入容器
和反应式表单模块时遇到问题

我正在使用
FormBuilder
FormGroup
制作一个带有三个
md输入的登录表单,这些输入都与值相关联。那里的一切都很好

我的问题是,在
ngSubmit
功能中,如果输入的凭据无效,我将重置表单。使用
FormGroup
.reset()
方法将值重置为默认值,但
md输入容器中的浮动标签不会重置为其原始位置,因为它们应该位于空字段上。我猜材料设计指令正在寻找一个模糊事件来更新这一点,但我不知道,我不知道如何强迫它发生

以下是
ngSubmit
功能:

  submitForm(username: string, password: string, companyID: any):void {

    this.userService.login(username, password, companyId)
      .then(() => {
        this.router.navigate(['main']);
      })
      .catch(() => {
        this.loginForm.reset();
      })
    }
调用
this.loginForm.reset()
时,表单将重置为默认值(空字符串),但标签仍将浮动:


你知道怎么解决这个问题吗?我真的不想调用
ElementRef
,尽管我已经尝试过这样做来强制模糊,但这并没有解决问题。

尝试使用md输入控件,而不是在md输入容器中包装输入。
这对我来说很有效。

如果这对任何人来说都是一个问题,我建议制作一个plunker并在上提交一个问题