首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJs UI-具有并排视图的路由器嵌套状态

AngularJs UI-具有并排视图的路由器嵌套状态
EN

Stack Overflow用户
提问于 2013-09-13 14:19:29
回答 1查看 820关注 0票数 0

我有一个使用ui-router的AngularJS项目,我们在其中设置了一个带有两个并排视图的状态:

代码语言:javascript
运行
复制
$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视图项目,我希望将其填充到并排的嵌套状态中,称为side-by-side.item。我不太确定该怎么做。我尝试过以下几种方法:

代码语言:javascript
运行
复制
.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@detailView': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});

但这似乎行不通。有什么线索吗?

在此之前,非常感谢,

约瑟夫。

EN

回答 1

Stack Overflow用户

发布于 2013-09-13 15:18:48

您可以尝试以下其中一种方法吗

代码语言:javascript
运行
复制
.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@side-by-side.item': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});

代码语言:javascript
运行
复制
.state('side-by-side.item', {url: /side-by-side/{itemId}/{pageId}, views: {
    'detailPage@side-by-side': {templateUrl: 'detailPage.html', controller: 'PageController'}
}});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18779495

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档