Angularjs ui路由器在两个级别上嵌套状态

我试图在两个级别上嵌套状态，但出现以下错误：

错误：无法解析“采购.库存.创建移动”状态“采购.库存”

以下是一级和二级路线：

(function () {
    'use strict';

    angular.module( 'app.purchases' )

        // Collect the ui-route states
        .constant( 'states', getRouteStates() )

        // Configure the ui-route states and state resolvers
        .config( [ '$stateProvider', '$urlRouterProvider', 'states', stateConfigurator ] );

    function stateConfigurator( $stateProvider, $urlRouterProvider, states ) {

        states.forEach( function ( state ) {

            $stateProvider.state( state.name, state.config );

        } );

        $urlRouterProvider.otherwise( "/" );

    }

    // Define the ui-route states
    function getRouteStates() {
        return [
            {
                name: 'purchases',
                config: {
                    url: '/compras',
                    views: {
                        'content-body': {
                            templateUrl: './modules/purchases/purchases-dashboard.view.html',
                            controller: 'PurchasesDashboardController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Compras'
                    }
                }
            },
            {
                name: 'purchases.inventory',
                config: {
                    url: '/movimientos',
                    views: {
                        'panel-body': {
                            templateUrl: './modules/purchases/inventory/inventory-dashboard-options.view.html',
                            controller: 'InventoryDashboardController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Inventario'
                    }
                }
            },
            {
                name: 'purchases.products',
                config: {
                    url: '/productos',
                    views: {
                        'panel-body': {
                            templateUrl: './modules/purchases/products/products-dashboard-options.view.html',
                            controller: 'ProductsDashboardController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Productos'
                    }
                }
            },
            {
                name: 'purchases.suppliers',
                config: {
                    url: '/proveedores',
                    views: {
                        'content-body': {
                            templateUrl: './modules/purchases/suppliers/suppliers-dashboard-options.view.html',
                            controller: 'SuppliersDashboardController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Proveedores'
                    }
                }
            }
        ];
    }

})();

以下是第三级路线，这些路线不起作用：

(function () {
    'use strict';

    angular.module( 'app.purchases.inventory' )

        // Collect the ui-route states
        .constant( 'states', getRouteStates() )

        // Configure the ui-route states and state resolvers
        .config( [ '$stateProvider', '$urlRouterProvider', 'states', stateConfigurator ] );

    function stateConfigurator( $stateProvider, $urlRouterProvider, states ) {

        states.forEach( function ( state ) {

            $stateProvider.state( state.name, state.config );

        } );

        $urlRouterProvider.otherwise( '/' );

    }

    // Define the ui-route states
    function getRouteStates() {
        return [
            {
                name: 'pruchases.inventory.create-move',
                config: {
                    url: '/nuevo-movimiento',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/create-move/create-move.view.html',
                            controller: 'CreateMoveController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Nuevo Movimiento'
                    }
                }
            },
            {
                name: 'pruchases.inventory.list-moves',
                config: {
                    url: '/movimientos',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/read-moves/list-moves.view.html',
                            controller: 'ReadMovesController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Lista de Movimientos'
                    }
                }
            },
            {
                name: 'pruchases.inventory.detail-move',
                config: {
                    url: '/movimientos/:move_id/:move_date',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/read-moves/detail-move.view.html',
                            controller: 'ReadMovesController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Detalle'
                    }
                }
            },
            {
                name: 'pruchases.inventory.update-move',
                config: {
                    url: '/movimientos/:move_id/:move_date/actualizar',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/update-move/update-move.view.html',
                            controller: 'UpdateMoveController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Actualizacion'
                    }
                }
            }
        ];
    }

})();

在模板中，我要做的是：

<a ui-sref="pruchases.inventory.create-move">Create Move</a>

---

是ui路由器不支持两级以上的嵌套路由吗？

我只是错贴了状态名称，下面是更正的状态：

function getRouteStates() {
        return [
            {
                name: 'purchases.inventory.create-move',
                config: {
                    url: '/nuevo-movimiento',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/create-move/create-move.view.html',
                            controller: 'CreateMoveController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Nuevo Movimiento'
                    }
                }
            },
            {
                name: 'purchases.inventory.list-moves',
                config: {
                    url: '/movimientos',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/read-moves/list-moves.view.html',
                            controller: 'ReadMovesController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Lista de Movimientos'
                    }
                }
            },
            {
                name: 'purchases.inventory.detail-move',
                config: {
                    url: '/movimientos/:move_id/:move_date',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/read-moves/detail-move.view.html',
                            controller: 'ReadMovesController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Detalle'
                    }
                }
            },
            {
                name: 'purchases.inventory.update-move',
                config: {
                    url: '/movimientos/:move_id/:move_date/actualizar',
                    views: {
                        'panel-body@': {
                            templateUrl: './modules/purchases/inventory/update-move/update-move.view.html',
                            controller: 'UpdateMoveController',
                            controllerAs: 'vm'
                        }
                    },
                    ncyBreadcrumb: {
                        label: 'Actualizacion'
                    }
                }
            }
        ];
    }

---

你能创建一个相同的plunkr吗？它在plunkr中工作：那么plunkr在哪里？哦！！，这是我的错误，州名不正确，对不起，我现在该怎么办@PankajParkar？删除问题？添加答案。答案将自动关闭。这可能有助于其他犯同样错误的人