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ファイルや異なるコントローラがどのようにデータを共有し、相互作用するのか)
関連
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] AngularJSのグローバル変数
-
[解決済み] 'ApplicationSignInManager' が見つからない(ASP.NET MVC)
-
[解決済み] ディレクティブ '...' が要求するコントローラ 'ngModel' が見つかりません。
-
[解決済み] AngularJS : ローカルストレージを使用する
-
[解決済み] 誰かangularjsの$qサービスの使用について説明してください。[重複しています]。
-
[解決済み] angularjsで$compileを操作する
-
[解決済み] controllerAs "プロパティを使用する理由は何ですか?
-
[解決済み] AngularJSで画像を表示する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] 方法 $state.go()
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
[解決済み] ng-repeat内で$indexを使用して、クラスを有効にしてDIVを表示するにはどうすればよいですか?
-
[解決済み] AngularJSの$parentは何を意味するのですか?
-
[解決済み] 新しい/分離されたスコープを求める複数のディレクティブ [ngController, ...] がある。
-
[解決済み] AngularJSのリソースプロミス
-
[解決済み] AngularJS 。scope.apply()呼び出し時の$digest already in progressエラーを防ぐ。
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。