Ui-router状态附加到现有的ui-view

Question

App结构

$stateProvider.
    state('azured', {
        url: "/azured/",
    }).
    state('azured.ref', {
        url: "/ref",
    }).
    state('azured.ref.table', {
        url: "/table/:tableId",
    }).
    state('azured.ref.table.list', {
        url: "/list/:listId",
    }).
    state('azured.ref.table.list.item', {
        url: "/item/:itemId",
    });

每个州的模板都作为小部件制作。

<div container>
    <div header></div>
    <div body></div>
</div>
<ui-view  />

但我不知道如何将新州附加到现状。说我有另一种状态：

    .
    state('asd', {
        url: "/asd",
    }).
    state('asd.ref', {
        url: "/ref",
    });

当我从/asd导航到/时，我看到正确的状态。但我想从

导航到这个状态

/azured/ref/tableId/12/listId/3/itemId/434

并且不要破坏当前小部件但是附加
（将网址设为/azured/ref/tableId/12/listId/3/itemId/434/asd）
 （请注意 asd ）。只想将新状态添加到当前状态并继续进行。猜猜我可以硬编码所有可能的分支，但需要更好的解决方案。

这是预览

Answer 1

查看ui-router-extras。我正在打电话。没有网址，但谷歌