無法將數據綁定到輸入字段

Question

我在我的 Angular 應用程序中使用反應式 forms。 我想將數據綁定到按鈕類型的輸入字段。 我希望它的默認值為“testdata”。我無法將數據綁定到輸入字段。 請指導我。 謝謝。

我正在嘗試從 API 獲取數據並使用 formControlName 在前端顯示。

HTML

<form  [formGroup]='form'>
<div class="col-sm-3 form-group">
              <input class='pl-2 ' nbInput fullWidth type="button"
                     formControlName='data'>
            </div>
</form

TS

export class dataComponent implements OnInit {
selecteddata: string;
form: FormGroup;
 ngOnInit(): void {
this.form= this.FormBuilder.group {
data: [""],
}
this.form.controls.data.setvalue('testdata');
}

Answer 1

您需要使用補丁值而不是 setvalue。 像這樣

this.form.patchValue({data:'testdata'});

Answer 2

這是默認值為testdata的演示： https://stackblitz.com/edit/reactive-forms-example-1

但不確定為什么要在使用反應式 forms 的按鈕上使用 formControl。

Answer 3

我使用您的示例制作了代碼框示例。 希望這是您正在尋找的。

https://codesandbox.io/s/billowing-wave-q1oqs?file=/src/app/app.component.ts