angular 2:TypeError:this.form.updateValueAndValidity不是函数

Tob*_*ann 7 angular2-forms angular-validation angular

在这一点上没有源代码,请随意关注这个问题,我对于角度2开发中的这种痛苦(但必要的)连续弃用模式感到有点厌倦.

所以我升级到rc.4并尝试使用新的forms-api.这就是我得到的:

"TypeError:this.form.updateValueAndValidity不是函数"

上述错误消息对任何人都有意义吗?

谢谢

编辑:好的,源代码毕竟:异常起源于angular中的文件"form_group_directive.js":

FormGroupDirective.prototype.ngOnChanges = function (changes) {
    this._checkFormPresent();
    if (collection_1.StringMapWrapper.contains(changes, 'form')) {
        var sync = shared_1.composeValidators(this._validators);
        this.form.validator = validators_1.Validators.compose([this.form.validator, sync]);
        var async = shared_1.composeAsyncValidators(this._asyncValidators);
        console.log('from within angular:---------------------------------------------------------------------------------------------------');
        console.log(this.form);
        this.form.asyncValidator = validators_1.Validators.composeAsync([this.form.asyncValidator, async]);
        this.form.updateValueAndValidity({ onlySelf: true, emitEvent: false });
    }
Run Code Online (Sandbox Code Playgroud)

console.log-statement的输出是一个"FormGroupDirective",它没有一个名为"updateValueAndValidity"的方法

Thi*_*ier 10

我不认为你可以同时使用模板驱动的方法和模型驱动的方法.

所以我会使用以下两种方法:

<form  *ngIf="showForm" #userForm="ngForm"
   (ngSubmit)="userFormSubmit()">
</form>
Run Code Online (Sandbox Code Playgroud)

要么:

<form  *ngIf="showForm" [formGroup]="userForm"
   (ngSubmit)="userFormSubmit()">
</form>
Run Code Online (Sandbox Code Playgroud)

其中,userForm在组件类定义的FormBuilderFormControl.我认为这种方法是你需要的......