[英]Angular JS ui-router how to redirect to a child state from a parent?
[英]How do I redirect a state child ui-router
当用户输入URL'/ id /:numberTag'时,我需要这样做,因为我有以下代码,因此我进入了默认状态:
App.js
.run(function($rootScope, $state){
$rootScope.$on('$stateChangeStart', function(evt, to, params) {
if (to.redirectTo) {
evt.preventDefault()
$state.go(to.redirectTo, params)
}
});
})
在我的文件Router.js中:
$stateProvider
.state('detail', {
url: '/:section/:numberTag',
abstract: true,
template: require('raw!./templates/detail.html'),
controller: 'mainCtrl',
redirectTo: 'detail.biography'
})
.state('detail.biography', {
url: '/biography',
template: require('raw!./templates/biograpy.html'),
controller: 'BiograpyCtrl',
data: {
'selectedTab': 0
},
})
输入用户网址页面后为空白。
我的解决方案是在app.run中添加此功能:
$rootScope.$on('$locationChangeStart', function(evt, to, params) {
var path = location.pathname;
///id/RXRVFN/biography
if( path.match(/\/id\/[^\/]+\/?$/) ){
location.pathname = path+'biography'
}
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.