Angularjs 如何使用本地存储并在不需要时删除_Angularjs

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

angularjs

Angularjs 如何使用本地存储并在不需要时删除,angularjs,Angularjs,嗨，我是angular js的新手，我正在研究AngularJS本地存储技术，以便数据在刷新时保持不变。是否有任何方法可以一次删除本地存储，并将作用域存储分配给模型，并在html中使用该模型，而不是$storage.id。我很新，请分享和帮助我。谢谢 <!DOCTYPE html> <html ng-app="myApp"> <head> <title> </title> <script type="text/javascrip

嗨，我是angular js的新手，我正在研究AngularJS本地存储技术，以便数据在刷新时保持不变。是否有任何方法可以一次删除本地存储，并将作用域存储分配给模型，并在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>


var myApp=angular.module（“myApp”，“ngStorage”，“ngRoute]”）；
控制器（'myAppCtrl'、['$scope'、'$localStorage'、'$location'，函数（$scope、$localStorage、$location）{
$scope.$storage=$localStorage.$default({
我的名字：“，
myid:“”，
我的号码：“，
});
$scope.add=函数（）
{
警报（“asdsd”）
删除$scope.$storage.myid；
删除$scope.$storage.myname；
删除$scope.$storage.mynumber；
$location.path（“/add”）；
} }]);
myApp.config（['$routeProvider'，'$locationProvider'，函数（$routeProvider，$locationProvider）{
$routeProvider。
当（“/”{
templateUrl:'search.html'，
控制器：'myAppCtrl'
}).
当（“/add”{
templateUrl:'add.html'，
控制器：'myAppCtrl'
}).
否则({
重定向到：'/'
});
}]);

下面给出了我的模板

<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>


添加






提交
查看按钮

您可以使用

$localStorage.$reset（）它将从localStorage中删除所有数据
要一次删除本地存储，请使用$localStorage.clearAll（）
要手动将密钥/值对添加到本地存储，请使用$localStorage.add（'id'，$scope.id）。或者，要直接绑定到范围变量，请使用$localStorage.bind（$scope，'id'，id）
要从本地存储获取值，请使用$localStorage.get（'id'）
GitHub自述文件上的文档解释了这一点：