在Angularjs 2 rc4中使用FormBuilder

巫师

我想在源代码中使用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版本有问题吗?

贡特·佐赫鲍尔(GünterZöchbauer)

您不能混合来自@angular/common(旧)和@angular/forms(新)的表单内容

如果您使用

bootstrap(AppComponent, [
   disableDeprecatedForms()
   provideForms()
])

不要从中导入表单内容@angular/common,如果您不这样做,则不要从中导入表单内容@angular/forms

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

angularjs 2 rc4更改检测:表达式在检查后已更改

使用Complex FormBuilder进行Angularjs 2/4表单验证

在RC4和更高版本中不推荐使用Angular2的Provide()函数,应该使用什么代替?

如何使用FormBuilder(和ionic v2框架)在angularjs2中创建演化形式

在angular2中迁移到RC4之后的问题

Angular2(rc4)-检查父组件中的活动子路由

在AngularJS 2中实现路由

Angular 2 RC4:无法从表单获取值

在Angular2 RC4中,如何将组件添加到预编译数组中?

Angular 2错误-在RC4版本中,没有将“ exportAs”设置为“ ngModel”的指令

在codeanywhere上使用angularjs-cli构建angularjs 2

使用angular2 rc4将所有无效的URL重定向到特定组件

从AngularJS 1.3.0 RC4升级到1.3.0会产生错误

如何在AngularJS中使用jQuery Select2

在angularjs中使用dropdown1填充下拉列表2

如何在 ng-bind angularjs 中使用 toFixed(2)

在 AngularJS ng-repeat 中使用 2 个数组的数据

使用新的Angular Router在Symfony 2中使用AngularJS模板位置的最佳实践?

在Eclipse中添加AngularJS2插件

angularJS 2 中的倒计时功能

使用 AngularJS 和 Webpack 2 进行缩小

使用AngularJS 2进行多平台开发

结合使用HTTP / 2和angularJS

带有TypeScript的AngularJS 2中使用的括号和特殊字符

在angularjs 2中使用addListener进行两种方式绑定

在android中使用rc4进行图像加密

AngularJS 1.4.0-rc.2 ngOptions在以下时间禁用

启用收缩以在iframe中缩放-Ionic 2 AngularJS 2

如何使用angularJS2中的ReactiveFormsModule验证单选按钮?