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添加select下默认的option的value和text的方法
Oct 19 Javascript
JQuery异步加载PartialView的方法
Jun 07 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
浅述Javascript的外部对象
Dec 07 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
H5图片压缩与上传实例
Apr 21 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
在Vue 中获取下拉框的文本及选项值操作
Aug 13 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
vue实现图书管理系统
Dec 29 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自动适应范围的分页代码
2008/08/05 PHP
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
jQuery中(function($){})(jQuery)详解
2015/07/15 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
原生js实现瀑布流布局
2017/03/08 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
python线程池的实现实例
2013/11/18 Python
全面解读Python Web开发框架Django
2014/06/30 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
python实现按行分割文件
2019/07/22 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
python中添加模块导入路径的方法
2021/02/03 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
微博营销计划书
2014/01/10 职场文书
高中化学教学反思
2014/01/13 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
运动会宣传稿100字
2015/07/23 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
施工安全协议书
2016/03/22 职场文书