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脚本代码跑起来。
Jan 09 Javascript
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
基于jquery的页面划词搜索JS
Sep 14 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 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
无限级别菜单的实现
2006/10/09 PHP
PHP数组操作――获取数组最后一个值的方法
2015/04/14 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
Python实现的RSS阅读器实例
2015/07/25 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
python DataFrame获取行数、列数、索引及第几行第几列的值方法
2018/04/08 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
详解Python3定时器任务代码
2019/09/23 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
美国领先的商务贺卡出版商:The Gallery Collection
2018/02/13 全球购物
迎接领导欢迎词
2014/01/11 职场文书
《台湾的蝴蝶谷》教学反思
2014/02/20 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
开学典礼校长致辞
2015/07/29 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android