angularjs – 如何在浏览器刷新时保留ui-router参数

.state('index.administration.security.roleEdit',{
                url: '/roleEdit',templateUrl: 'app/administration/security/role/roleEdit.html',controller: 'roleEditCtrl',controllerAs: 'roleEditCtrl',params: { data: null },resolve: {
                    role: function ($stateParams) {
                        return angular.fromJson($stateParams.data);
                    },modules: function (securityService) {
                        return securityService.getAllModules();
                    }                       
                }
            })

另外,我将’data’参数作为json对象传递给状态.
现在当我第一次加载这个状态时,一切都很好.
但是当我执行浏览器刷新(F5键)时,$stateParams.data在状态的resolve函数中为null.

我怎么解决这个问题？
我看到这些可能的解决方案
1.坚持某种参数
2.覆盖浏览器刷新(不知道如何)停止浏览器刷新应用程序.
3.刷新goto其他兄弟状态.

请帮忙

UPDATE
好的,我设置这样的数据：

vm.editRole = function(roleId){
     var role = dataService.getRoleById(roleId).then(function(result){
           $state.go('roleEdit',{data:angular.toJson(result)});
           });
}

更新2
roleEdit控制器如下所示：

(function(){
    angular.module('app.administration').controller('roleEdit',['role','modules','$scope','securityService','$state',roleEditCtrl]);

    function roleEditCtrl('role',$scope,securityService,$state){
        var vm = this;
        vm.roles = roles;
        vm.originalRole = angular.copy(role);
        vm.modules=modules;
        vm.saveChanges = _saveChanges;
        vm.cancel = _cancel;

        return vm;

        function _saveChanges(){
            securityService.UpdateRole(vm.role).then(function(result){
                $staste.go('^.roles');
            }
        }

        function _cancel(){
            vm.role = angular.copy(vm.originalRole);
            $sscope.roleEditForm.$setPristine();            
        }
    }
})();