Привязка объекта SubArray к матовой таблице Angular Material

Question

У меня есть Angular 9 Material Form, связанная с formGroup, которая имеет два элемента управления. Один mat-form-field, другой mat-table. У меня есть модель данных, в которой есть схема из одной строки и массив объектов.

При этом я могу привязаться к одной строке, но у меня возникла проблема с таблицей. Я использую formControlName и formArrayName, но он не связывается. Я пробовал множество разных вещей, но не могу найти хороший способ связать данные массива с таблицей матов. Я уверен, что что-то упустил, но это не ясно.

Вот пример стека, показывающий пример моей проблемы

https://stackblitz.com/edit/angular-fkr8w7

Answer 1

Я думаю, вам не хватает атрибута dataSource: "data.names" в вашем <mat-table> открывающем теге

<mat-table #namesTable multiTemplateDataRows formControlName="names" [dataSource]="data.names" >

dataSource: "your_Array_of_data" заполнить ваш массив в таблице.

Answer 2

Я думаю, что вы делаете это неправильно. Вы хотите использовать два разных formGroup. Один для внешнего стола, другой для стола. Вы не можете применить formControl к таблице напрямую. Вам необходимо применить formControl к другим полям (input, select, checkbox, radio..etc;), которые размещены внутри таблицы (если в ней есть какие-либо редактируемые строки).

Например, обратитесь к этому: https://medium.com/@vap1231 / рядная редактируемая-таблица с использованием-Dynami c -форма-управления-in angular -87eb24c0e5a5