如何设置角度的默认输入值

Question

我正在使用服务更新输入值。值会更新并显示在输入中，但是当我尝试从表单组中获取值时会返回“”。我想获取更新的值。除非我手动编辑输入字段，否则它不会返回更新的值。

component.html

<mat-form-field appearance="outline">
    <input matInput formControlName="fname"  [value]="userData['f_name']">
</mat-form-field>

<button (click)="updateUserInfo()" mat-button color="primary">Save</button>

component.ts

 private userData = {};
 private UserDataForm : FormGroup;

ngOnInit() {
   this.UserDataForm = this.fb.group({
          fname: ['',[
          Validators.required,
            Validators.minLength(5)
          ]]
        }
}

updateUserInfo(){
    console.log(this.UserDataForm.value);
  }

Answer 1

您应该更新表单，而不是输入值。

this.UserDataForm.get('fname').setValue(// result of your service)