当前位置： 移动技术网 > IT编程>脚本编程>AngularJs > angular.fromJson与toJson方法用法示例

angular.fromJson与toJson方法用法示例

2018年04月26日  | 移动技术网IT编程  | 我要评论

高层公摊面积,超级马里奥3,稼穑的读音

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网