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 相关文章推荐
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
vue实现单选和多选功能
Aug 11 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
解析Vue.js中的组件
Feb 02 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
vue props 单项数据流实例分享
Feb 16 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
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获取文件名后缀
2013/06/09 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
Jquery Ajax Error 调试错误的技巧
2015/11/20 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
详解Python中内置的NotImplemented类型的用法
2015/03/31 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
TensorFlow tensor的拼接实例
2020/01/19 Python
Python restful框架接口开发实现
2020/04/13 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
机电一体化专业应届本科生求职信
2013/09/27 职场文书
文秘大学生求职信
2014/02/25 职场文书
学习党代会心得体会
2014/09/05 职场文书
国庆阅兵观后感
2015/06/15 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
golang 实用库gotable的具体使用
2021/07/01 Golang