angularjs - 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/1234' 正在工作

'/settings/1234/prop' 不起作用，总是返回 prevues 状态 'Branch'

Answer 1

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