1. ホーム
  2. angularjs

angularjs ローカルデータストレージ LocalStorage

2022-01-24 23:30:09
<パス

1. サービスの定義

 //========= local storage data service ============
    app.factory('locals', ['$window', function ($window) {
        return { // store a single property
            set: function (key, value) {
                $window.localStorage[key] = value;
            }, //read a single property
            get: function (key, defaultValue) {
                return $window.localStorage[key] || defaultValue;
            }, // store the object in JSON format
            setObject: function (key, value) {
                $window.localStorage[key] = JSON.stringify(value);//Save the object as a string
            }, //read the object
            getObject: function (key) {
                return JSON.parse($window.localStorage[key] || '{}');//get the string and parse it into an object
            }

        }
    }]);

2. コントローラで呼び出されます。
まずサービスをインジェクトし,次にgetを設定します.

   app.controller('supplyAddCtrl', function ($scope, $http, $location, locals, $timeout, $compile) {

   //store
     locals.set("firstpos", firstpos);//string
     locals.setObject("secondpos", secondpos);//object

   //fetch
    locals.get("firstpos");
    locals.getObject("secondpos");
   }

参考

angularjs ローカルデータストレージLocalStorage

AngularJsのデータローカルストレージの実装について(個別のJSファイルや異なるコントローラがどのようにデータを共有し、相互作用するのか)