angularJs中json数据转换与本地存储的实例

来源：动视网责编：小采时间：2020-11-27 22:06:36

angularJs中json数据转换与本地存储的实例

angularJs中json数据转换与本地存储的实例:1.html:把json对象转换成json字符串 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <script src=angular.min.js></script> </head&g

推荐度：

点击下载本文 文档为doc格式

导读angularJs中json数据转换与本地存储的实例:1.html:把json对象转换成json字符串 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <script src=angular.min.js></script> </head&g

1.html:把json对象转换成json字符串

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
 <div ng-app="module" ng-controller="ctrl">
 {{data}}
 </div>
 <script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
 $scope.data = {'name': '泠泠在路上'};
 //把json对象转换成json字符串
 localStorage.setItem('data', angular.toJson($scope.data));
 }]);
 </script>
</body>
</html>

2.html:字符串转换成json对象

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
 {{data.name}}
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
 //alert出字符串
 alert(localStorage.getItem('data'));
 //字符串转换成json对象
 $scope.data =angular.fromJson(localStorage.getItem('data'));
 }]);
</script>
</body>
</html>

3.html字符串转换成json对象

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
 {{data.username}}
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
 //字符串转换成json对象
 $scope.data = angular.fromJson('{"username":"泠泠在路上"}');
 }]);
</script>
</body>
</html>

以上这篇angularJs中json数据转换与本地存储的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

angularJs中json数据转换与本地存储的实例

推荐度：

点击下载本文 文档为doc格式

标签： js angularjs 实现数据的

热门焦点

angularJs中json数据转换与本地存储的实例

angularJs中json数据转换与本地存储的实例

angularJs中json数据转换与本地存储的实例

最新推荐

猜你喜欢

热门推荐