htmlリストをリアルタイムで更新する

Question

jstorageを使用してローカルデータを保存しています。これは、ローカルストレージデータが変更されると自動的にビューを更新するjavascriptライブラリがhtmlページに表示されますか？ 私は角度をつけましたが、私が従うことができる例は見つかりませんでした。

Answer 1

角度を使用している場合は、localStorageの変更のために$watchを変更し、モデルを更新してください。このような

何か：

angular.module('app', []).controller('ctrl', function($window, $scope, $window) { 
    $scope.$watch(function() { 
    return $window.localStorage.data; 
    }, function(n) { 
    console.log('local storage changed'); 
    $scope.dataFromLS = n; 
    }); 

    $scope.storeOnLS = function() { 
    $window.localStorage.data = $scope.valueToStoreOnLS; 
    }; 
}); 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 

<div ng-app="app" ng-controller="ctrl"> 
    {{dataFromLS}}<br /> 
    <input ng-model="valueToStoreOnLS" /><button ng-click="storeOnLS()">Save on LS</button> 
</div> 

Working demo