javascript - Angular 2/4 使用父/子组件管理表单 CRUD

Question

• 我有一个父组件和一个子组件，其中父组件是使用 *ngFor 的重复子组件的列表。

• 每个子模板都通过 Angular 的 @Input 功能接收一个对象，子模板是一个使用 Angular 2 路绑定(bind)绑定(bind)的表单，让您可以编辑对象属性。

• 父组件不一定是子组件的通用容器/列表，并且不会重复用于其他列表。

• 父级使用注入(inject)的服务来检索正在使用的数据列表。

我的问题是，保存表单时谁应该调用更新函数？ child 应该注入(inject)服务并调用服务上的更新函数吗？是否应该将其传递给父级进行更新？ child 应该从一开始就读过吗？

我知道这可能会引发固执己见的答案，因此我正在寻找一个与 Angular 团队的最佳实践意图一致并符合此标准的答案:

• 可读性、性能和设计之间的均匀分布。
• 全面且与常用的软件设计模式相关。

如果需要任何额外信息，请告诉我，谢谢!!

Answer 1

我想说，如果父组件使用某些服务(最有可能)检索子组件，那么同一服务也可能处理保存操作，因此父组件应该负责调用保存操作。在这种情况下，子级应该仅生成事件来通知父级用户保存此特定项目的意图。这样他们的职责就可以更好地分离，因为只有一个(父)组件负责服务上的数据操作(一个关注点)，而子组件只负责显示和编辑项目(另一个关注点)。