无法将数据绑定到输入字段

Question

我在Angular App中使用反应形式。我想将数据绑定到类型按钮的输入字段。我希望其默认值为“ 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

但是不确定为什么要在使用反应式表单的按钮上使用formControl。

Answer 3

我使用您的示例制作了codeandbox示例。希望这是您想要的。

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