angular.fromJson与toJson方法用法示例


Posted in Javascript onMay 17, 2017

本文实例讲述了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"
}
Javascript 相关文章推荐
Javascript alert消息换行的方法
Aug 07 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
举例讲解jQuery中可见性过滤选择器的使用
Apr 18 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
浅谈pc端rem字体设置的问题
Aug 03 Javascript
vue-cli3全面配置详解
Nov 14 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
Apr 09 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 Javascript
vue实现百度搜索功能
Dec 28 Javascript
Node.js编写CLI的实例详解
May 17 #Javascript
ES6入门教程之Class和Module详解
May 17 #Javascript
AngularJS实现动态添加Option的方法
May 17 #Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 #Javascript
Vue声明式渲染详解
May 17 #Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 #Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 #Javascript
You might like
PHP 引用文件技巧
2010/03/02 PHP
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
Angular2 父子组件数据通信实例
2017/06/22 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
Python单链表的简单实现方法
2014/09/23 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
python shapely.geometry.polygon任意两个四边形的IOU计算实例
2020/04/12 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
服装厂厂长职责
2013/12/16 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
设备动力科岗位职责范本
2014/02/23 职场文书
爱我中华教学反思
2014/04/28 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
辣妈辣妹观后感
2015/06/10 职场文书
广播体操比赛主持词
2015/06/29 职场文书