带有并排视图的AngularJs UI路由器嵌套状态

我有一个使用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视图项，我想在并排嵌套状态下填充它，称之为并排.item。我不太清楚怎么做。我尝试了以下方法：

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

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

多谢各位

---

约瑟夫。

你能试试下面的一种吗

.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'}
}});