javascript - angularjs と localStorage 変更イベント

Question

一部のデータを localStorage に保存します

angularjs アプリで必要なのは、localStorage のデータが変更されたときに、アプリがアプリを再レンダリングすることです。これを行うにはどうすればよいですか?

Answer 1

ちなみに、 ngStorageと呼ばれる AngularJS 用のもう 1 つの localStorage モジュールを作成しました。

https://github.com/gsklee/ngStorage

使い方はとても簡単です:

JavaScript

$scope.$storage = $localStorage.$default({
    x: 42
});

HTML

<button ng-click="$storage.x = $storage.x + 1">{{$storage.x}}</button>

すべての変更は自動的に同期されます。他のブラウザ タブで発生した変更も同様です。

その他のデモと例については、GitHub プロジェクト ページをご覧ください ;)

Answer 2

私は最近、localStorage キーを $scope 変数に単純にバインドし、オブジェクト、配列、ブール値などを localStorage 内に直接格納できるモジュールを作成しました。

Github localStorage モジュール