【问题标题】:Angular 2 multiple CRUD components: routing or a parent componentAngular 2 多个 CRUD 组件:路由或父组件
【发布时间】:2017-01-12 20:47:28
【问题描述】:

我有一个包含多个部分的应用程序,这些部分或多或少是独立的 CRUD 组件。
据我所知,有两种方法可以解决这个问题:

  • 有一个具有处理视图/编辑/添加子级的 ngIfs 的父级
  • 在每个父组件和路由器中使用带有出口的子路由,例如 /section/edit、/section/view 等等。

我的问题是解决此问题的最佳做法是什么。我倾向于第一个,因为它允许用户一次执行编辑多个部分之类的操作,但在编程上它似乎不如第二个优雅。

【问题讨论】:

    标签: angularjs angular components angular-routing


    【解决方案1】:

    当我想改变整个视图时,我会使用路由。例如,我的应用程序中的用户详细信息和用户编辑视图非常不同,因此我使用了路由。

    当我需要控制视图的一小部分可重复使用时,我会使用子组件。例如,所有用户列表中的用户卡片、帖子板上的 cmets 列表中的评论 div 或将在多个视图中使用的侧菜单。

    需要考虑的一点:路由使用户可以更轻松地共享和保存指向特定视图的链接,以及来回导航。我希望我早点真正将其内化,因为我的应用程序现在处于我想用路由替换几个*ngIf 受控视图的状态。例如,当客户填写多步骤表单时,我有*ngIf="step==1"*ngIf="step==2" 来控制视图。但客户希望,如果他们在浏览器导航栏中点击Back,它会将他们带到上一步。因为我计划得不够仔细,所以这会将他们带到之前的路线,这意味着当他们返回表单时,他们会返回到第 1 步。

    【讨论】:

      猜你喜欢
      • 2016-12-19
      • 2017-11-20
      • 2016-10-25
      • 2016-08-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-07-02
      相关资源
      最近更新 更多