javascript - Angularjs 嵌套路由器不起作用

Question

我正在研究 Angular 路线，并且在使用嵌套路线时遇到一些问题:

以下“abc”状态非常适合路由/admin/team/:teamId

.state('admin', {
    url: '/admin',
    controller: 'AdminController',
    templateUrl: '/views/admin/index.html'
})
.state('admin.home', {
    url: '/home',
    parent: 'admin',
    templateUrl: '/views/admin/dashboard.html'
})
.state('admin.team', {
    url: '/team',
    parent: 'admin',
    controller: 'TeamController',
    templateUrl: '/views/admin/team/index.html'
})
.state('abc', {
    url: '/admin/team/:teamId',
    // parent: 'admin.team',
    controller: function($scope, $stateParams){
        console.info('$stateParams.teamId', $stateParams.teamId);
    },
    templateUrl: '/views/admin/player/index.html'
});

但是如果我将状态“abc”替换为以下内容，则播放器模板不会呈现并保留在 admin/team/index.html 上，甚至没有控制台输出，例如:

.state('admin.team.details', {
    url: '/:teamId',
    parent: 'admin.team',
    controller: function($scope, $stateParams){
        console.info('$stateParams.teamId', $stateParams.teamId);
    },
    templateUrl: '/views/admin/player/index.html'
});

有什么办法可以解决吗？

Answer 1

试试这个

.state('admin.team.details', {
    url: '/details/:teamId',
    parent: 'admin.team',
    controller: function($scope, $stateParams){
        console.info('$stateParams.teamId', $stateParams.teamId);
    },
    templateUrl: '/views/admin/player/index.html'
});