UI-router:如何在一个页面中用不同的参数和子状态显示两次状态

UI-router: how to show a state twice in a page with different parameters and sub-states

我有一个参数化的 state/route,它在多标签应用程序中呈现一个 "tab"。我最近被要求将其中两个标签并排放置。

UI-router 提供命名视图机制,允许同时多次显示现有状态的控制器。 (参见前面的 。)但是,我看不到将不同参数传递给控制器​​的方法,也看不到维护两个独立子状态的方法。

此外,我之前使用 ui-router-extras' deep state redirect 来保留导航时的子状态,我不确定如何让它与命名视图一起工作...

编辑:

显然,出现在命名视图中的 <ui-view/> 将继续呈现任何子状态的视图。但是,由于只能有一个child view,所以功能还是有限的。

这是我沿着命名视图路线走下去的距离:

http://plnkr.co/edit/3MbzPBrCHSk0vckpiITA

我想现在用 ui-router 是不可能的,但用 Angular 2 的组件路由器可能是可能的。

我已将状态更改为指令以解决此问题。