javascript - 状态 angularjs $stateProvider 不传递参数

Question

我得到了一个使用标准 $routeProvider 进行路由的当前 angularjs 应用程序。我打算将应用程序的一部分 $stateProvider 用作向导。

我这样声明父状态“Modal”和子状态“editClient”:

    $stateProvider.state('Modal', {
        views: {
            'modal': {
                templateUrl: '*urlHere*',
                controller: '*controllerHere'
            }
        },
        abstract: true
    });

    $stateProvider.state('Modal.editClient', {
        views: {
            "modal": {
                url: '/editClient/:id',
                templateUrl: '*templateHere*',
                controller: '*controllerHere*'
            }
        }
    });

在我的 Controller 中我调用:

$state.go('Modal.editClient', { id: 1});

然而 $stateParams 是空的。怎么会？

我使用的是 angular-ui-router 版本 0.2.15 和 angularjs 1.2.25。目前无法更新到更高的 angularjs 版本。

更新

我也试过:

    $stateProvider.state('Modal.editClient', {
        views: {
            "modal": {
                params: {
                    'id' : 0
                },
                templateUrl: '*templateUrlHere*',
                controller: '*controllerHere*'
            }
        }
    });

Answer 1

您没有在定义状态的状态中传递参数，您需要做这样的事情。

 $stateProvider.state('Modal', {
        views: {
            'modal': {
                templateUrl: '*urlHere*',
                controller: '*controllerHere'
            }
        },
        abstract: true
    });

    $stateProvider.state('Modal.editClient', {
       params: {
                        'id': 0
                },
        views: {
            "modal": {
                url: '/editClient/:id',
                templateUrl: '*templateHere*',
                controller: '*controllerHere*'
            }
        }
    });