angular.fromJson与toJson方法用法示例
本文实例讲述了angular.fromJson与toJson方法用法。分享给大家供大家参考，具体如下：
AngularJS的angular.fromJson()方法可以把一个Json字符串中解析成一个对象，或对象数组：
<!DOCTYPE html>
<html ng-app="App">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.js"></script>
<script type="text/javascript">
angular.module("App", [])
.controller("parseController", function($scope)
{
$scope.parse = function()
{
var json = '{"name":"liSi", "password":"321"}';
var jsonArr = '[{"name":"zhangSan", "password":"123"},{"name":"liSi", "password":"321"}]';
var obj = angular.fromJson(json);
console.log(obj.name);
var objArr = angular.fromJson(jsonArr);
console.log(objArr[0].name);
console.log(objArr[1].password);
}
});
</script>
</head>
<body>
<div ng-controller="parseController">
<button ng-click="parse()">点击我！</button>
</div>
</body>
</html>
控制台打印的结果如下：
liSi zhangSan 321
相应地，能够从Json到对象，就能够从对象到Json:
var obj =
{
name:"liSi", password:"321"
}
var str = angular.toJson(obj, true);
console.log(str);
打印结果如下：
{
"name": "liSi",
"password": "321"
}
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
这篇文章主要介绍了angular6的table组件开发的实现示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了使用Raygun来自动追踪AngularJS中的异常,AngularJS是一款高人气的JavaScript库,需要的朋友可以参考下2015-06-06
Facade Service暴露commands简化代码逻辑提高可访问性组合性
在 Angular 应用开发中,使用 Facade Service 暴露 commands（命令）以及订阅这些 commands 是一个常见的设计模式,本文将详细介绍在 Facade Service 中如何实现这一目标,并深入探讨相关细节,以及通过实际示例进行说明2023-10-10
本篇文章主要介绍了详解angularjs中如何实现控制器和指令之间交互，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
简单谈谈require模块化jquery和angular的问题
下面小编就为大家带来一篇简单谈谈require模块化jquery和angular的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
本文主要介绍AngularJS 的简单应用实例,这里对AngularJS的知识总结,并提供实例代码和应用程序讲解,有需要的小伙伴可以参考下2016-07-07
详解为Angular.js内置$http服务添加拦截器的方法
所谓拦截器就是在目标达到目的地之前对其进行处理以便处理结果更加符合我们的预期。Angular的$http拦截器是通过$httpProvider.interceptors数组定义的一组拦截器，每个拦截器都是实现了某些特定方法的Factory。本文就介绍了为Angular.js内置$http服务添加拦截器的方法。2016-12-12
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
这篇文章为大家分享了解决angular的$http.post()提交数据时后台接收不到参数值问题的方法，感兴趣的小伙伴们可以参考一下2015-12-12
对Angular.js Controller如何进行单元测试
这篇文章主要给大家介绍了如何对Angular Controller进行单页测试。如果你不太了解angular也没关系，本文也会提及关于Angular的一些知识。文中通过示例代码介绍的很详细，详细对大家的理解和学习很有帮助，下面来一起看看吧。2016-10-10
AngularJs unit-testing（单元测试）详解
本文主要介绍AngularJs unit-testing（单元测试）的内容，这里整理了单元测试的知识，及示例代码，有兴趣的朋友可以参考下2016-09-09
最新评论