angularjs 1.6.1頁面刷新后，上一個頁面傳遞過來的參數變成undefined

angularjs 1.6.1頁面刷新后，上一個頁面傳遞過來的參數變成undefined。

情景描述：有一個文章標題列表頁面，點擊標題，進入文章詳細內容頁面，這個過程需要把文章id傳遞過去，但是angularJs中傳遞參數，進入文章詳細內容后，刷新頁面，文章id變成了undefined，頁面出錯。

為了解決這個問題，我只找到了下面的這種傳參方式：

1.路由文件

.state('list', {
                url: '/list',
                views: {
                    'main': {
                        templateUrl: 'modules/list/list.html',
                        controller: 'listCtrl'
                    }
                }
            })
            .state('person', {
                url: '/person',
                views: {
                    'main': {
                        templateUrl: 'modules/person/person.html',
                        controller: 'personCtrl'
                    }
                }
            })
            .state('detail', {
                url: '/list/detail?:id',
                views: {
                    'main': {
                        templateUrl: 'modules/detail/detail.html',
                        controller: 'detailCtrl'
                    }
                }
            });
    }]);

2.list.html

<div ng-repeat="lt in list">
    <a style="display:block;margin: 10px;" ui-sref="detail({id:lt.subId})">{{lt.subTitle}}</a>
</div>

3.detailController.js

.controller('detailCtrl', ['$scope', '$stateParams', 'dataService', function ($scope, $stateParams, dataService) {
            $scope.id = $stateParams.id;
        }]);

只有通過上面的這種方式傳遞參數，然后在詳細頁面中用$stateParams.id;接收，這樣獲取的參數才不會因為頁面的刷新而消失。