Angular 8- 如何将 FormControlName 绑定为要查看的对象

Question

我想将 formControl 的对象修补到 HTML，但我得到了 {object object}。如何将此对象修补为 HTML 中的 json 数据？我想在我的 HTML 中显示{作者：'James'}。这是我的代码

TS file:
form = this.formBuilder.group({
 key: [{authors: 'James'}]
})

HTML file:
<mat-form-field>
   <textarea matInput formControlName="key"></textarea>
</mat-form-field>

这是我的 stackblitz：https://stackblitz.com/edit/angular-wnk3fx

Answer 1

如果你想显示{作者：'James'}，改成这样

firstName: ["{authors: 'James'}", Validators.required],

直播example

Answer 2

我不确定你到底想要什么？

这里有几个选项：

firstName: [{authors: 'James'}, Validators.required] 至

firstName: ['James', Validators.required]

firstName: ['authors: James', Validators.required]

firstName: ['{authors: 'James'}', Validators.required]

你会得到这个名字。由于 {authors: 'James'} 是一个对象，因此 input 元素打印 [object Object]

Angular 8- 如何将 FormControlName 绑定为要查看的对象

Angular 8- How to bind FormControlName as a object to view

form-control

angular