Question

上下文：
使用内联编辑功能处理通用数据表。

组件：
数据表组件。（ts | html | css）

过程：
-这是一个通用数据表，仅通过传递列和行即可使用。
-具有某些单元格的内联编辑功能。
-编辑完成后，事件将发送到功能部件（父级）。
-处理保存数据的业务逻辑取决于功能部件（父级）。

问题：
-保存是一个异步过程，保存完成后，如果保存成功或失败，如何将确认响应发送回数据表组件？

谢谢

Answer 1

您可以通过以下方式解决此问题：通过@ViewChild()将子组件（数据表组件）注入到功能组件中，有关示例，请参见官方文档here。

我假设您的要素组件模板包含datatable组件，如下所示：

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

在功能部件中注入子部件：

@ViewChild(MyDatatableComponent) myDatatableComponent: MyDatatableComponent;

现在，您可以访问数据表组件，并且可以在组件上调用一个函数，以将保存过程的结果通知给它（当然，在异步保存过程完成之后）。

Answer 2

您可以在父组件中定义保存方法，该方法将绑定到子组件并仅通过使用属性绑定和事件发射器或rxjs主题在父组件中接收输入，方法是在子组件中使用editeditem属性定义一个主题并在父组件中进行订阅