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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
JavaScript的arguments对象应用示例
Sep 15 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
Jun 21 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
vue路由守卫+登录态管理实例分析
May 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和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
php按单词截取字符串的方法
2015/04/07 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
关于laravel 日志写入失败问题汇总
2019/10/17 PHP
select组合框option的捕捉实例代码
2008/09/30 Javascript
Javascript this关键字使用分析
2008/10/21 Javascript
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
vue2实现数据请求显示loading图
2017/11/28 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
Vue 封装防刷新考试倒计时组件的实现
2020/06/05 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
2020/11/05 Javascript
浅析Python中的多进程与多线程的使用
2015/04/07 Python
python开发中module模块用法实例分析
2015/11/12 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
python实现聚类算法原理
2018/02/12 Python
pyhton列表转换为数组的实例
2018/04/04 Python
Python工厂函数用法实例分析
2018/05/14 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
超市采购员岗位职责
2014/02/01 职场文书
群众路线教育实践活动方案
2014/02/02 职场文书
借款担保书范文
2014/05/13 职场文书
老兵退伍感言
2015/08/03 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
JS中如何优雅的使用async await详解
2021/10/05 Javascript
一文搞懂MySQL索引页结构
2022/02/28 MySQL