Angular 8 - Как связать FormControlName как объект для просмотра

Question

Я хочу исправить объект formControl до HTML, но я получаю {object object}. Как я могу исправить этот объект как json данные в HTML? Я хочу показать {авторов: 'Джеймс'} в моем HTML. Вот мой код

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

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

Вот мой стекаблитц: https://stackblitz.com/edit/angular-wnk3fx

Answer 1

Я не уверен, что именно вы хотите?

Вот несколько вариантов:

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

firstName: ['James', Validators.required]

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

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

и вы получите имя. Поскольку {authors: 'James'} является объектом, элемент input печатает [object Object]

Answer 2

Если вы хотите отобразить {авторы: 'Джеймс'}, измените на

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

Live пример