업데이트 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