在角UI路由器三级嵌套路线 [英] Three level nested routes in angular-ui-router

问题描述

我试着让我的嵌套路线的工作，但它让我很难两天现在：（

Im trying to get my nested route working but it's giving me hard time for two days now :(

一个级别正常工作

两级工作正常

三个层次不工作！

任何人可以请帮我吗？

在此先感谢

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');
            }
        });
}]);

/设置工作

/设置/ 1234'工作

'/settings/1234' is working

/设置/ 1234 /道具'不工作，总是返回prevues国家科

'/settings/1234/prop' is not working, always return the prevues state 'Branch'

推荐答案

我猜你没有申报的分公司模板的用户界面视图

I guess you didn't declare an ui-view in the Branch template

这篇关于在角UI路由器三级嵌套路线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！