Angular 2 个组件和 CRUD

Question

使用带有 Angular 2 CRUD 的组件的首选方式是什么？

例如，假设我有一个名为 CarComponent 的组件。我可能有：

CarComponent
NewCarComponent
EditCarComponent

（CarComponent 将处理列表页面和删除。）

或者有一个 CarComponent 并在那里处理所有 CRUD 操作更 "normal"？

Answer 1

Angular2 Style Guide 对此没有任何说明，所以我想说做任何一个都可以。

---

编辑：

经过进一步思考，您应该为这些不同的 CRUD 操作创建不同的组件，并使用 <router-outlet> 将每个组件显示为主要组件的子组件。

Answer 2

在我看来，我会把 NewCarComponent 和 CarListComponent 分开。
在 CarListComponent 中，在模板中，您将有 table，里面有删除和编辑按钮，还有一个用于创建新汽车按钮的按钮。
你需要 NewCarComponent 然后创建 Car 和 Edit Car 按钮将调用。原因 创建和编辑可以使用相同的模板。