Angular页面刷新保存变量数据，运用localstorage

项目中遇到一个问题，网上说的不清不楚的。

一个列表页面跳转到另一个详细页面传递一个id，要求刷新当前页面时用刚才跳转过来的id再访问一遍数据接口，这时需要把数据保存到localstorage中

1、新建一个service: localStorage.service.js

(function() {
    'use strict';

    angular.module('app').factory('LocalStorageService',['$window',function($window){
          var service = {};

          service.setLocalStorage = setLocalStorage;
          service.getLocalStorage = getLocalStorage;
          service.setLocalStorageObject = setLocalStorageObject;
          service.getLocalStorageObject = getLocalStorageObject;

          function setLocalStorage(key,value){
            $window.localStorage[key]=value;
          }
          
          function getLocalStorage(key,defaultValue){
            return  $window.localStorage[key] || defaultValue;
          }
                 //存储对象，以JSON格式存储
          function setLocalStorageObject(key,value){
            $window.localStorage[key]=JSON.stringify(value);
          }
                //读取对象
          function getLocalStorageObject(key) {
            return JSON.parse($window.localStorage[key] || '{}');
          }

          return service;
        }]);
})()

2、在需要用到的地方配置并引入这个service，项目不同但原理都一样，去查看angular关于service的文档，不做说明

3、使用

LocalStorageService.setLocalStorage("id",param.id);

LocalStorageService.getLocalStorage("id");