Question

我正在使用jstorage来存储本地数据，并且在html页面上显示有一个javascript库，一旦本地存储数据发生变化，它应该自动更新视图吗？我绑了角，但找不到任何我可以效仿的例子。

Answer 1

如果您使用的是角度，则localStorage可以对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>

EVENT TYPE=KEYPRESS CHAR="a" MODIFIERS="ctrl"
EVENT TYPE=KEYPRESS CHAR="c" MODIFIERS="ctrl"

$watch

实时更新html列表

1 个答案: