我想在源代码中使用FormBuild。我的朋友(使用ng2 rc1)和我正在遵循此示例。
我不知道这个问题的链接..对不起..
<http://plnkr.co/edit/WTu5G9db3p4pKzs0WvW6?p=preview>.
import { REACTIVE_FORM_DIRECTIVES, FormGroup } from '@angular/forms';
import { Validators, FormBuilder } from '@angular/common';
import { Component } from '@angular/core';
@Component({
selector: 'aaa',
template: `
<fieldset [formGroup]="data">
<input type="text" id="" name="" formControlName="name" [(ngModel)]="data.name">
<input type="text" id="" name="" formControlName="email" [(ngModel)]="data.email">
</fieldset>
`,
providers: [
],
directives: [
REACTIVE_FORM_DIRECTIVES
]
})
export class AAA {
private data: any;
constructor(private formbuilder: FormBuilder) {
console.log(Validators.required);
this.data = this.formbuilder.group({
'name': ['', Validators.required],
'email': ['', Validators, required]
});
}
}
但只有错误我的来源。错误消息是this.validators不是一个函数。如何使用验证器?我不知道解决了这个问题。rc4版本有问题吗?
您不能混合来自@angular/common
(旧)和@angular/forms
(新)的表单内容
如果您使用
bootstrap(AppComponent, [
disableDeprecatedForms()
provideForms()
])
不要从中导入表单内容@angular/common
,如果您不这样做,则不要从中导入表单内容@angular/forms
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句