嗨,我是angular 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>
您可以使用$localStorage.$reset();
它将从localStorage删除所有数据
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句