在同一型号的页面之间切换

Question

我开始使用Angular（目前是Angular5）并且有关于在同一模型的页面之间切换的问题。

例如，我有一个基于AngularJS的旧项目。让我们说我们有模特顾客。该模型的页面将是：

• page-customers（包含现有客户表的页面）
• page-new-customer（包含用于创建新客户的表单/向导的页面）
• page-view-customer（查看有关现有客户+选项的信息的页面 更新）

现在在AngularJS中我会创建3条不同的路线，将我们发送到这3页。在这些页面中，我将包括（ng-include）表格，表格等，所以我不会重复太多的HTML并尝试重复使用它。

我的问题是，在Angular中执行此操作的最佳/正确方法是什么？这是否意味着我的客户模块包含许多组件（例如PageCustomersComponent，PageNewCustomerComponent，PageViewCustomerComponent）和连接到每个组件的路由，或者这些组件是不同的模块（例如{{{ 1}}等等，再次与它们连接的路线？

另外，如果我想重新使用Form在PageCustomersModule中创建客户进行更新，这是否意味着我需要为此表单创建一个新组件？基本上，我想知道什么可以替代AngularJS PageViewCustomer。

谢谢

Answer 1

您可以通过多种方式执行此操作，我个人使用的方式是使用嵌套在<router-outlet></router-outlet>中的辅助customer.component。

在customer.module内，我将为这三个页面定义路线。我会使每个页面（新客户，查看客户和客户表）成为他们自己的组件，并根据这些页面的大小和在其中调用的方法，我会更进一步，并组件化页面的不同部分，即表，表单等，因此可以在父组件之间重用它们。

此链接有一个很好的实施示例。 https://angular-2-training-book.rangle.io/handout/routing/child_routes.html