我正在使用Angular UI Router,并且已经设置了两条路由
所有内容页面(例如/ about,/ terms等)之一
$stateProvider.state('sidebarPages.page', {
url: ':slug',
views : {
...
}
});
现在,我想为其他页面(例如我们的团队)添加另一个
$stateProvider.state('sidebarPages.page', {
url: 'our-team',
views : {
...
}
});
问题是,当我转到页面/ our-team时,第二个状态将被忽略,而第一个状态是:slug被执行,并且可以接受所有内容。
有没有一种方法可以创建这两种状态,一种用于特定页面,另一种可以接受所有内容并将其放入slug param,然后可以根据参数将其从数据库中获取。
我在这里创建了工作的plunker。顺序决定。创建具有已知名称的州,然后创建带有状态符的州:
// States
$stateProvider
.state('home', {
url: "/home",
templateUrl: 'tpl.html',
})
.state('other', {
url: "/other",
templateUrl: 'tpl.html',
})
.state('slug', {
url: "/:slug",
templateUrl: 'tpl.html',
})
;
在这里检查
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句