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

我在我的Angular应用程序中使用了被动形式。我想将数据绑定到button类型的输入字段。我希望它的默认值是“testdata”。我无法将数据绑定到输入字段。请引导我。谢谢

我试图从API中获取数据，并使用formControlName在前端显示

HTML

---

以下是默认值为

testdata

的演示：

---

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

以下是演示，默认值为

testdata

：

---

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

您需要使用patch value而不是setvalue。像这样

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

---

您需要使用patch value而不是setvalue。像这样

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

---

我使用您的示例制作了codesandbox示例。希望这就是你要找的

---

我使用您的示例制作了codesandbox示例。希望这就是你要找的

---

selecteddata

模板中使用的变量与

ts

文件中声明的变量不同。此外，为什么需要在按钮上使用formControl？@YoannPicquenot请检查更新的问题。谢谢。@rja您可以像设置按钮的值一样使用value属性。您是否打算在此输入字段上使用验证器？

selecteddata

模板中使用的变量与

ts

文件中声明的变量不同。此外，为什么需要在按钮上使用formControl？@YoannPicquenot请检查更新的问题。谢谢。@rja您可以像设置按钮的值一样使用value属性。你打算在这个输入字段上使用验证器吗？嘿，谢谢。但是，如果不使用价值，我怎么能做到这一点呢。我想用FormControlName设置vvalue。嘿，谢谢。但是，如果不使用价值，我怎么能做到这一点呢。我想使用FormControlName设置vvalue。

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