Question

您好我是角度js的新手，我正在研究anglarjs本地存储技术，以便数据在刷新时仍然存在。有什么方法可以删除本地存储一体机，并将范围存储分配给模型并使用html中的模型而不是$ storage.id。我很新，请分享并帮助我。感谢

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>
</title>
<script type="text/javascript" src="angular.min.js"></script>
 <script type="text/javascript" src="angular-local-storage.js"></script>
<script type="text/javascript" src="angular-route.js"> </script>
<script>
var myApp=angular.module("myApp",['ngStorage','ngRoute']);
myApp.controller('myAppCtrl', ['$scope','$localStorage','$location', function($scope,$localStorage,$location){

    $scope.$storage=$localStorage.$default({
        myname:"",
        myid:"",
        mynumber:"",
    });
    $scope.add=function()
    {
    alert("asdsd")
    delete $scope.$storage.myid;
    delete $scope.$storage.myname;
    delete $scope.$storage.mynumber;
    $location.path("/add");
    } }]);

    myApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider) {
    $routeProvider.
      when('/', {
        templateUrl: 'search.html',
        controller:'myAppCtrl'
      }).
      when('/add',{
        templateUrl:'add.html',
        controller:'myAppCtrl'
      }).
       otherwise({
        redirectTo: '/'
      });
   }]);
</script>
</head>
<body >
<div ng-view>

我的模板如下。

<script type="text/ng-template" id="search.html">
<button ng-click="add();"> add </button>
</script>
<script type="text/ng-template" id="add.html">
<div>
<input type="text" ng-model="$storage.myname"/></br>
<input type="text" ng-model="$storage.myid"/></br>
<input type="number" ng-model="$storage.mynumber"/></br>
<button ng-click="submit();"> submit </button>
<button ng-click="edit();"> view button </button>
</div>
</script>
</body>
</html>

Answer 1

您可以使用$localStorage.$reset();它将从localStorage中删除所有数据

Answer 2

要一次删除本地存储，请使用$ localStorage.clearAll（）。

要手动将键/值对添加到本地存储，请使用$ localStorage.add（＆＃39; id＆＃39;，$ scope.id）。或者，要直接绑定到范围变量，请使用$ localStorage.bind（$ scope，＆＃39; id＆＃39;，id）。

要从本地存储中获取值，请使用$ localStorage.get（＆＃39; id＆＃39;）。

GitHub自述文件中的文档解释了这一点：https://github.com/grevory/angular-local-storage

如何在不需要时使用本地存储和删除

2 个答案: