Formbuilder和角材料

时间:2017-09-09 08:04:28

标签: angular angular-material2

我刚开始使用角材料2。 所以我从<md-form-filed>开始。 我试图在里面使用formBuilder。 这是我的formBuilder代码:

constructor(private _formBuilder : FormBuilder ) { 
    this.loginForm = this._formBuilder.group({
      'email' : [''],
      'password' : ['']
    }); 
 }

并在我的HTML中:

<md-card>
  <md-card-title>
    Login
  </md-card-title>
  <md-card-content>
    <ng-container>
      <form [formGroup]="loginForm" (ngSubmit)='Login(f.value)'>
        <md-form-field >
          <input mdInput [formControl]="loginForm.controls['email']" placeholder='Email' required>
        </md-form-field>
      </form>
    </ng-container>
  </md-card-content>
</md-card>

我在我的控制台中收到此错误: md-form-field必须包含MdFormFieldControl。您是否忘记将mdInput添加到本机输入或textarea元素?

我做错了什么?

提前致谢

1 个答案:

答案 0 :(得分:1)

我最初没有导入MdInputModule。在import {MdInputModule} from '@angular/material之后,错误停止了。