Angular 2 个多个 CRUD 组件:路由或一个 parent 组件
Angular 2 multiple CRUD components: routing or a parent component
我有一个包含多个部分的应用程序,这些部分或多或少是独立的 CRUD 组件。
据我所知,有两种方法可以解决这个问题:
- 有一个 parent 和处理 view/edit/add children
的 ngIfs
- 在每个 parent 组件和路由器中使用带有出口的子路由,这些组件和路由器可以进行类似 /section/edit、/section/view 的操作。
我的问题是解决此问题的最佳做法是什么。我倾向于第一个,因为它允许用户执行诸如一次编辑多个部分之类的操作,但在编程上它似乎不如第二个优雅。
当我想改变整个视图时,我使用路由。例如,我的应用中的用户详细信息和用户编辑视图非常不同,所以我使用了路由。
当我需要控制视图的一个小的、可重用的部分时,我使用子组件。例如,所有用户列表中的用户名片,post 板上评论列表中的评论 div,或将在多个视图中使用的侧边菜单。
需要考虑的事项:路由使用户可以更轻松地共享和保存指向特定视图的链接,以及来回导航。我希望我真的早点把它内化了,因为我的应用程序现在处于我想用路由替换几个 *ngIf
受控视图的状态。例如,当客户填写一个多步骤表单时,我有 *ngIf="step==1"
、*ngIf="step==2"
来控制视图。但客户希望,如果他们在浏览器导航栏中点击 Back
,就会将他们带到上一步。因为我计划不够仔细,这会将他们带到之前的路线,这意味着当他们 return 填写表格时,他们又回到了第 1 步。
我有一个包含多个部分的应用程序,这些部分或多或少是独立的 CRUD 组件。
据我所知,有两种方法可以解决这个问题:
- 有一个 parent 和处理 view/edit/add children 的 ngIfs
- 在每个 parent 组件和路由器中使用带有出口的子路由,这些组件和路由器可以进行类似 /section/edit、/section/view 的操作。
我的问题是解决此问题的最佳做法是什么。我倾向于第一个,因为它允许用户执行诸如一次编辑多个部分之类的操作,但在编程上它似乎不如第二个优雅。
当我想改变整个视图时,我使用路由。例如,我的应用中的用户详细信息和用户编辑视图非常不同,所以我使用了路由。
当我需要控制视图的一个小的、可重用的部分时,我使用子组件。例如,所有用户列表中的用户名片,post 板上评论列表中的评论 div,或将在多个视图中使用的侧边菜单。
需要考虑的事项:路由使用户可以更轻松地共享和保存指向特定视图的链接,以及来回导航。我希望我真的早点把它内化了,因为我的应用程序现在处于我想用路由替换几个 *ngIf
受控视图的状态。例如,当客户填写一个多步骤表单时,我有 *ngIf="step==1"
、*ngIf="step==2"
来控制视图。但客户希望,如果他们在浏览器导航栏中点击 Back
,就会将他们带到上一步。因为我计划不够仔细,这会将他们带到之前的路线,这意味着当他们 return 填写表格时,他们又回到了第 1 步。