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 相关文章推荐
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
jquery显示隐藏元素的实现代码
May 19 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
js前端图片加载异常兜底方案
Jun 21 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/24 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
PHP加密解密类实例代码
2016/07/20 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
JS判断是否长按某一键的方法
2016/03/02 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
小程序视频列表中视频的播放与停止的示例代码
2018/07/20 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
Python实现字符串格式化的方法小结
2017/02/20 Python
基于Python闭包及其作用域详解
2017/08/28 Python
Pycharm激活码激活两种快速方式(附最新激活码和插件)
2020/03/12 Python
python轮询机制控制led实例
2020/05/03 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
python 6行代码制作月历生成器
2020/09/18 Python
法人委托书范本格式
2014/09/15 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android
修改Nginx配置返回指定content-type的方法
2022/09/23 Servers