angular.fromJson与toJson方法用法示例
程序员文章站
2022-03-20 15:02:16
本文实例讲述了angular.fromjson与tojson方法用法。分享给大家供大家参考，具体如下：
angularjs的angular.fromjson()方法可以把...
本文实例讲述了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代码检验、检验、美化、格式化工具：
json在线格式化工具：
在线xml/json互相转换工具：
json代码在线格式化/美化/压缩/编辑/转换工具：
在线json压缩/转义工具：
更多关于angularjs相关内容感兴趣的读者可查看本站专题：《angularjs指令操作技巧总结》、《angularjs入门与进阶教程》及《angularjs mvc架构总结》
希望本文所述对大家angularjs程序设计有所帮助。
下一篇： Angular2实现的秒表及改良版示例