在 angular 上使用 Reactive Forms 更新模糊值的最佳实践

Question

使用 Angular 反应形式更新 <input/> 值的最佳做法是什么？

我有 2 个 formGroup。

首先，formGroup 有一个 blur 事件，它将更新第二个 formGroup 上的输入标签

<input
   class="form-control"
   id="bill_firstname"
   type="text"
   name="firstname"
   formControlName="firstname"
   autocomplete="off"
   placeholder="Corporate"
   (blur)="onBlurTest($event)"
 />

第二种形式群组：

<input
  class="form-control"
  id="doc-first-name"
  type="text"
  name="doctor"
  formControlName="docFirstName"  
  autocomplete="off"
  placeholder="First Name"
  [(value)]="test"
  />

在我的 .ts 文件中，我是这样设置的。

 test = '';

  onBlurTest(e) {
    this.test = e.target.value;
    this.companySignUpForm.value.user.docFirstName = e.target.value;

  }

有正确的方法吗？或者这是可以接受的吗？

谢谢。

Answer 1

要改变一个formControl的值，你需要使用formControl的API。一个选项：

onBlurTest(e) {    
   this.companySignUpForm.get('use.docFirstName').patchValue(e.target.value)
}

在 angular 上使用 Reactive Forms 更新模糊值的最佳实践

Best practice of updating a value on blur using Reactive Forms on angular

angular2-forms

angular