Angular 5 - Ag сетка добавить строку

Question

Я пытаюсь добавить новую строку в «сетку Ag».

Я хорошо сохраняю ее в базе данных, проблема в том, что визуально строка добавляется в «сетку Ag», но она отображается пустой .

Это код события нажатия и добавления строки.

this.gridOptions.api.updateRowData({ add: [form.form.value] });

Это переменная "gridOptions":

this.gridOptions = {
    context: { componentParent: this },
    defaultColDef: {
        resizable: true,
    },
    rowSelection: 'multiple'
};

Объект " form.form.value "содержит следующее:

{CodPersona: "001", Nombre: "John", Descripcion: "John", Fecha: "2020-04-07"}

Это код html" Ag grid ":

<ag-grid-angular class="ag-theme-material"
   [rowData]="rowData"
   [columnDefs]="columnDefs"
   [gridOptions]="gridOptions"
></ag-grid-angular>

Таблица базы данных содержит следующие поля:

IdPersona, CodPersona, Nombre, Descripcion, Fecha

Это скриншот результата в браузере:

ПРИМЕЧАНИЕ: rowData Я загружаю его в событие "ngInit", используя сервис, спасибо.

Answer 1

Я предполагаю, что вы установили форму как наблюдаемую.

В этом случае в функции onGridReady попытайтесь установить данные строки с помощью setRowData (form_local_variable). Это должно решить вашу проблему.

Будет хорошо, если вы сможете поделиться демонстрационной ссылкой для этой проблемы.