angular-ui-router中的三级嵌套路由

Question

我试图让我的嵌套路线工作,但现在给我两天的艰难时间:(

一级工作正常

两个级别工作正常

三个级别不起作用!

任何人都可以帮帮我吗？

提前致谢

angular.module('settings', []).config(['$stateProvider', '$routeProvider', '$urlRouterProvider', function($stateProvider, $routeProvider, $urlRouterProvider) {
    $stateProvider
        .state('settings', {
            url: '/settings',
           template:"Settings",
            controller: function(){
                console.log('settings');
            }
        }).
        state('settings.branch', {
            url: '/{branchId:[0-9]{1,8}}',
            template:"Branch",
            controller: function(){
                console.log('branch');
            }
        }).
        state('settings.branch.prop', {
            url: '/prop',
            template:"Property",
            controller: function(){
                console.log('property');
            }
        });
}]);

'/ settings'正在运行

'/ settings/1234'正在运行

'/ settings/1234/prop'不起作用,总是返回普遍状态'分支'

Answer 1

我猜你没有在Branch模板中声明一个ui-view