angularJs中json数据转换与本地存储的实例
今天,我将为大家分享一篇关于AngularJS中JSON数据转换与本地存储的实用示例。这个示例由长沙网络推广提供,希望对你们有所帮助。让我们一起深入了解这个示例吧。
让我们来看如何将JSON对象转换为JSON字符串。这在一个简单的HTML文件中完成,它引入了AngularJS库并创建了一个基本的控制器。在这个控制器中,我们定义了一个数据对象,并使用`angular.toJson()`方法将其转换为JSON字符串,然后存储在本地存储中。以下是相关代码:
```html
{{data}}
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.data = {'name': '泠泠在路上'};
localStorage.setItem('data', angular.toJson($scope.data));
}]);
```
接下来,我们来看如何将JSON字符串转换回JSON对象。在这个示例中,我们从本地存储中获取JSON字符串,然后使用`angular.fromJson()`方法将其转换回JSON对象。以下是相关代码:
```html
{{data.name}}
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
alert(localStorage.getItem('data')); // 弹出存储的JSON字符串
$scope.data = angular.fromJson(localStorage.getItem('data')); // 将字符串转换为JSON对象
}]);
```
我们还可以直接将一个JSON字符串转换为JSON对象,无需从本地存储中获取。以下是相关代码:
```html
{{data.username}}
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.data = angular.fromJson('{"username":"泠泠在路上"}'); // 直接将字符串转换为JSON对象
}]);
```以上就是长沙网络推广分享的关于AngularJS中JSON数据转换与本地存储的示例。希望大家能够从中受益,并多多支持狼蚁SEO。如果你有任何疑问或需要进一步的帮助,请随时联系我们。记得保持对技术的热爱和精神!
编程语言
- angularJs中json数据转换与本地存储的实例
- codeigniter教程之上传视频并使用ffmpeg转flv示例
- Thinkphp实现站点静态化的方法详解
- .Net中实现无限分类的2个例子
- 使用FileReader API创建Vue文件阅读器组件
- 数据结构-树(三):多路搜索树B树、B+树
- JS实现两表格里数据来回转移的方法
- jQuery实现CheckBox全选、全不选功能
- angular4自定义组件详解
- 关于vs2005、vs2008和vs2010项目互转的总结
- 利用AJAX开源项目 在网页里播放视频实现方法
- 浅析JSONP技术原理及实现
- PHP提示Notice- Undefined variable的解决办法
- ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
- jQuery购物网页经典制作案例
- DataGridView展开与收缩功能实现