Angular JS UI路由器嵌套状态/多个视图

时间:2018-07-03 07:18:47

标签: javascript angularjs angular-ui-router

我有一个分为3列的网页。

  1. 第一个是一个列表,您可以在其中选择汽车品牌(为此 例)
  2. 第二个是树形结构,其中列出了用于 所选品牌,或者如果用户在搜索栏中输入(位于 列),该树将替换为搜索结果列表。 用户可以通过单击搜索栏旁边的按钮来切换回树。一次只显示一个视图:树或搜索结果列表
  3. 第三个也是最后一个是用户可以使用的表单 编辑汽车信息。选择汽车时将显示此信息。 从树上或从搜索结果列表中获取。

使用UI路由器,我想到了这种架构:

  • 第一列的一种状态
  • 1状态-第一个状态的子状态-第二列(树)
  • 1状态-第一个状态的子状态-第二列(搜索结果列表)

对于最后一列,我有一个状态,它是树的子级。但是我必须复制它,以在搜索结果列表中再有一个州的子级,因为一个州不能有多个父级。

有更好的方法吗?我不想重复第三列的状态。

我是否应该使用多个嵌套视图,并在管理树和搜索结果列表的第二列中仅设置一个状态(认为一次只有一个视图处于活动状态)?

0 个答案:

没有答案
相关问题