Angular-setValue返回FormControl返回[对象ErrorEvent]

时间:2018-09-17 22:51:38

标签: angular angular-reactive-forms

我有一个具有FormControl的表单:

this.description = new FormControl('', [Validators.required, Validators.minLength(10), Validators.maxLength(250)]);

  this.adForm = new FormGroup({
      description: this.description
    });

FormControl的HTML表示为:

        <label for="description">Description</label>
        <input formControlName="description" id="description" class="form-control description" type="text"
               placeholder="Description">

我正在编写一个测试以验证FormControl。 测试就像:

 const descriptionControl = component.adForm.controls['description'];
descriptionControl.setValue('longDescription-longDescription-longDescription-longDescription-');
fixture.detectChanges();

我正在使用方法“ setValue”来设置输入的值。 问题在于该方法返回某些值:

[object ErrorEvent] thrown

这是错误的图片:

enter image description here

  • 如果我放入descriptionControl.setValue('descriptio');有用 很好,不返回错误。
  • 如果我放置descriptionControl.setValue('description');返回[对象 错误事件]引发

  • 如果我这样输入long值:    descriptionControl.setValue('描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述-描述);它工作正常,不返回错误。

能解释一下发生了什么或者我使用的方法有误吗?谢谢!

0 个答案:

没有答案