Formbuilder 和 angular material
Formbuilder and angular material
我才刚刚开始 angular material 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 添加到本机输入或文本区域元素?
我做错了什么?
提前致谢
我最初没有导入 MdInputModule
。 import {MdInputModule} from '@angular/material
之后,错误停止。
我才刚刚开始 angular material 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 添加到本机输入或文本区域元素?
我做错了什么?
提前致谢
我最初没有导入 MdInputModule
。 import {MdInputModule} from '@angular/material
之后,错误停止。