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实现给图片加链接
Aug 15 Javascript
点图片上一页下一页翻页效果
Jul 09 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
Apr 27 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 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大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
javascript下数值型比较难点说明
2010/06/07 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
JS实现点击按钮可实现编辑功能
2018/07/03 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
小程序实现图片预览裁剪插件
2019/11/22 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
jQuery实现回到顶部效果
2020/10/19 jQuery
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
如何整合JQuery和Prototype
2014/01/31 面试题
党员查摆剖析材料
2014/10/10 职场文书
大学生学期个人总结
2015/02/12 职场文书
技术入股协议书
2016/03/22 职场文书
500字作文之周记
2019/12/13 职场文书