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 相关文章推荐
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
javascript简单实现命名空间效果
Mar 06 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
Apr 28 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
浅谈JS的原型和继承
May 08 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 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用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
JObj预览一个JS的框架
2008/03/13 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
python计算最大优先级队列实例
2013/12/18 Python
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
Html5监听手机摇一摇事件的实现
2019/11/07 HTML / CSS
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
面试后的感谢信范文
2014/02/01 职场文书
员工晚婚的请假条
2014/02/08 职场文书
员工手册董事长致辞
2015/07/29 职场文书
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis