javascript - Angular UI 路由器 : state transition parent-child

Question

.state('add', {
    parent: 'home',
    url:    'add/',
    views:  {
        'pop':  {
            templateUrl:    '/views/nav.html'
        }
    },
});

从父状态“home”到“home.add”的转换不会将模板“/views/nav.html”加载到目标 View (“pop”)中。

其他一切都很好。这个问题似乎只存在于子状态中。

我已经尝试过这样的:

.state('home.add', {
    url:    'add/',
    views:  {
        'pop':  {
            templateUrl:    '/views/nav.html'
        }
    },
});

效果不太好。 (在本例中，我将 ui-sref="add"更改为 ui-sref="home.add")。

这两个示例都将 URL 更改为状态 URL，但似乎没有在状态之间转换，也没有从新状态呈现任何 View (如果它有父状态)。

谢谢。

@citizenslave 解决了我的问题，谢谢!

.state('add', {
    parent: 'home',
    url:    'add/',
    views:  {
        'pop@':  {
            templateUrl:    '/views/nav.html'
        }
    },
});

Answer 1

您的主状态模板需要有一个 ui-view='pop' 来插入子状态模板。如果没有，并且您正在使用主状态的 'pop' View ，则必须在适当的状态中解决它。您可以使用 'pop@home' 绝对引用它。 UI-Router Wiki