Angular中的通用组件，具有针对多个上下文的创建/删除API

Question

我将有一个通用的注释组件。该组件具有复杂的图形含义，我需要针对具有相同数据模型的两个不同上下文重用。 我想举例说明。我有两个不同的API，用于在A和B上下文中向列表添加新注释。 所以我已经：

具有注释列表和用于添加（或删除）按钮的按钮的AComponent。
BComponent，带有评论列表和一个用于添加（或删除）评论的按钮。

两者均使用相同的模型（IComment）和图形详细信息，但使用不同的API进行创建/删除。

直到现在，我使用事件发射器处理此用例，并将API调用委派给属于A和B组件的父级。

但是，如果API通过服务器返回验证错误，我希望在注释的组件中对其进行处理以显示错误图形详细信息。我该怎么办？此用例的更好做法？

Answer 1

使用父子组件之间的数据共享。您已经将事件从子级发送到父级。现在，将属性绑定到父组件中，以将数据（注释/错误）传递给子组件。您可以1）为注释和HTTPErrorResponse模型定义2个不同的@Input（）变量，或2）定义单个Input变量，从父级传递注释/错误响应，区分组件和视图以根据Input的类型显示。 / p>