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 相关文章推荐
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
JS实现单击输入框弹出选择框效果完整实例
Dec 14 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
tween.js缓动补间动画算法示例
Feb 13 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
深入浅析Vue 中 ref 的使用
Apr 29 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
javascript中的相等操作符(==与===区别)
Dec 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/06/11 PHP
php Smarty 字符比较代码
2011/02/27 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
php使用exec shell命令注入的方法讲解
2013/11/12 PHP
php目录操作实例代码
2014/02/21 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php实现复制移动文件的方法
2015/07/29 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
使用python分析git log日志示例
2014/02/27 Python
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
图文详解WinPE下安装Python
2016/05/17 Python
Python3 模块、包调用&amp;路径详解
2017/10/25 Python
简述Python2与Python3的不同点
2018/01/21 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
Python中logging日志库实例详解
2020/02/19 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
Python 爬虫的原理
2020/07/30 Python
2015年个人自我剖析材料
2014/12/29 职场文书
2015年收银工作总结范文
2015/04/01 职场文书
2015年党员发展工作总结
2015/05/13 职场文书