Question

我有一个使用ui-router的AngularJS项目，我们设置了一个具有两个并排视图的状态：

$stateProvider
    .state('side-by-side', {url: '/side-by-side', views: {
        'listView': { templateUrl: 'list.html', controller: 'ListView' },
        'detailView': { templateUrl: 'detail.html', controller: 'DetailController'}
    }});

现在我的detail.html文件还包含一个名为'detailPage'的ui-view项，我希望在并排的嵌套状态下填充它，并将它称为side.-side-.item。我不太清楚如何做到这一点。我尝试了以下内容：

.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@detailView': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});

但这似乎不起作用。有线索吗？

非常感谢，

约瑟夫。

Answer 1

您可以尝试以下其中一种

.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@side-by-side.item': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});

或

.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@side-by-side': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});

AngularJs UI-Router嵌套状态，带有并排视图

1 个答案: