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 相关文章推荐
js 蒙版进度条(结合图片)
Mar 10 Javascript
jquery仿搜索自动联想功能代码
May 23 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 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
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
PHP 防恶意刷新实现代码
2010/05/16 PHP
PHP XML数据解析代码
2010/05/26 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php一个找二层目录的小东东
2012/08/02 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
php+ajax实时输入自动搜索匹配的方法
2014/12/26 PHP
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
python中的一些类型转换函数小结
2013/02/10 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
python3使用smtplib实现发送邮件功能
2018/05/22 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
工作睡觉检讨书
2014/02/25 职场文书
员工年度工作总结2015
2015/05/18 职场文书
新生儿未入户证明
2015/06/23 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
Django一小时写出账号密码管理系统
2021/04/29 Python
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js