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图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
JS实现Cookie读、写、删除操作工具类示例
Aug 28 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 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
laravel返回统一格式错误码问题
2019/11/04 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
js判断变量是否空值的代码
2008/10/26 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
JS闭包可被利用的常见场景小结
2017/04/09 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
Python中使用logging模块打印log日志详解
2015/04/05 Python
python处理二进制数据的方法
2015/06/03 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
Python unittest单元测试框架总结
2018/09/08 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
Python结合Window计划任务监测邮件的示例代码
2020/08/05 Python
彪马美国官网:PUMA美国
2017/03/09 全球购物
高中自我评价分享
2013/12/05 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
学党史心得体会
2014/09/05 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
十大最强火系宝可梦,喷火龙上榜,第一名有双火属性
2022/03/18 日漫