在 ui 路由器中将参数传递到子状态时出现问题

我有两种状态，一种是另一种的子状态。一个代表人员列表（people），另一个表示当您单击个人以查看更多详细信息（people.detail）。

我的第一个状态按预期工作，并且有几个参数，这些参数表示您可以应用的所有各种服务器端筛选器和分页。 子状态是一个模态窗口，它按预期弹出，但我唯一的参数personID永远不会进入$stateParams。 我想知道是否与 RESTful 样式 URL 和查询字符串样式的组合有关？

也许值得注意的是，$stateParams填充了您期望从父状态获得的所有内容。

编辑：Plunker显示我的意思 - http://plnkr.co/edit/eNMIEt?p=info（请注意，ID未定义）

应用.js

$urlRouterProvider.otherwise('/people');
    $stateProvider
        .state('people', {
            url: '/people?pageNumber&pageSize&sortField&sortDirection&search&countryID&jobFunctionIDs&firmTypeIDs',
            templateUrl: 'Static/js/angular/views/people-list.html',
            controller: 'PeopleListController',
            resolve: {
                api: "api",
                people: function (api, $stateParams) {
                    //Code ommitted
                },
                countries: function (api) {
                    //Code ommitted
                },
                jobFunctions: function (api) {
                   //Code ommitted
                },
                firmTypes: function (api) {
                    //Code ommitted
                }
            }
        });
    modalStateProvider.state('people.detail', {
        url: "/{personID}",
        templateUrl: 'Static/js/angular/views/people-detail.html',
        controller: function () {
        },
        resolve: {
            person: function (api, $stateParams) {
                return api.people.getDetail($stateParams.personID);
            }
        }
    });

modalStateProvider如下所示：

angular.module('myApp')
.provider('modalState', function ($stateProvider) {
    var provider = this;
    this.$get = function () {
        return provider;
    }
    this.state = function (stateName, options) {
        var modalInstance;
        $stateProvider.state(stateName, {
            url: options.url,
            onEnter: function ($modal, $state) {
                modalInstance = $modal.open(options);
                modalInstance.result['finally'](function () {
                    modalInstance = null;
                    if ($state.$current.name === stateName) {
                        $state.go('^');
                    }
                });
            },
            onExit: function () {
                if (modalInstance) {
                    modalInstance.close();
                }
            }
        });
    };
})

最后，我的控制器中的函数转换到people.detail状态：

    $scope.transitionToPersonDetail = function (personID) {
        $state.transitionTo('.detail', { personID: personID }, { location: true, inherit: true, relative: $state.$current, notify: false });
    };