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 相关文章推荐
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
Javascript Web Worker使用过程解析
Mar 16 Javascript
jQuery treeview树形结构应用
Mar 24 jQuery
关于JavaScript轮播图的实现
Nov 20 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的call_user_func传reference引发的思考
2010/07/23 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
基于构造函数的五种继承方法小结
2017/07/27 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python定时器实例代码
2017/11/01 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
利用python实现短信和电话提醒功能的例子
2019/08/08 Python
python可视化text()函数使用详解
2020/02/11 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
基于Python实现天天酷跑功能
2021/01/06 Python
2015会计试用期工作总结
2014/12/12 职场文书
考试后的感想
2015/08/07 职场文书
党风廉政建设心得体会
2019/05/21 职场文书