Angular - Событие подтверждения для дочернего компонента из родительского компонента

Question

Контекст:
Работа с общей таблицей данных с возможностью встроенного редактирования.

Компоненты:
data-table.component. (Ts |html | css)

Процесс:
- это общая таблица данных, которую можно использовать, просто передавая столбцы и строки для отображения.
- Имеет встроенную функцию редактированиядля некоторых ячеек.
- После завершения редактирования событие будет отправлено компоненту объекта (родительскому элементу).
- Бизнес-логика для обработки сохраненных данных зависит от компонента объекта (родительского).

Вопрос:
- Сохранение - это асинхронный процесс, по завершении сохранения как я могу отправить ответ-подтверждение обратно компоненту таблицы данных, если сохранение прошло успешно или не удалось?

Спасибо

Answer 1

Вы определяете метод сохранения в своем родительском компоненте, который будете связывать с дочерним компонентом и получать входные данные в своем родительском компоненте только с помощью привязки свойства и генератора событий или субъекта rxjs, определяя субъект в дочернем компоненте со свойством editeditem и подписываясь в родительском компоненте.к этому

Answer 2

Вы можете решить эту проблему, внедрив дочерний компонент (компонент с данными) в свой компонент с помощью @ViewChild(), см. Официальную документацию здесь .

Я полагаю, ваша функцияшаблон компонента содержит компонент с данными, например, так:

<my-datatable-component [rows]="rows" [cols]="cols"></my-datatable-component>

В компонент компонента добавьте свой дочерний компонент:

@ViewChild(MyDatatableComponent) myDatatableComponent: MyDatatableComponent;

Теперь у вас есть доступ к компоненту с данными и вы можете вызвать функцию накомпонент, уведомляющий его о результате процесса сохранения (конечно, после завершения асинхронного процесса сохранения).