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下用eval生成JSON对象
Sep 17 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
js实现按Ctrl+Enter发送效果
Sep 18 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
JS实现元素上下左右移动效果
Oct 18 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
Aug 31 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
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
composer.lock文件的作用
2016/02/03 PHP
php简单实现多语言切换的方法
2016/05/09 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
Javascript 中介者模式实例
2009/12/16 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
Angular路由简单学习
2016/12/26 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
vue项目,代码提交至码云,iconfont的用法说明
2020/07/30 Javascript
js实现简单扫雷
2020/11/27 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
js实现抽奖功能
2020/11/24 Javascript
跟老齐学Python之Python文档
2014/10/10 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
python实现五子棋小游戏
2020/03/25 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Mac安装python3的方法步骤
2019/08/09 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
python实现加密的方式总结
2020/01/19 Python
python脚本和网页有何区别
2020/07/02 Python
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
计算机专业个人求职信范例
2013/09/23 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
自我评价的范文
2014/02/02 职场文书
主题班会演讲稿
2014/05/22 职场文书
学生自我评语
2015/01/04 职场文书
慰问信范文
2015/02/14 职场文书
教师党员自我评价2015
2015/03/04 职场文书
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL