angularJs中json数据转换与本地存储

创建时间：2017-05-27 投稿人：浏览次数：1269

1.html:把json对象转换成json字符串

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="angular.min.js"></script>
</head>
<body>
   <div ng-app="module" ng-controller="ctrl">
    {{data}}
   </div>
   <script>
    var m = angular.module("module", []);
    m.controller("ctrl", ["$scope", function ($scope) {
        $scope.data = {"name": "泠泠在路上"};
        //把json对象转换成json字符串
       localStorage.setItem("data", angular.toJson($scope.data));
    }]);
    </script>
</body>
</html>

2.html:字符串转换成json对象

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
    {{data.name}}
</div>
<script>
    var m = angular.module("module", []);
    m.controller("ctrl", ["$scope", function ($scope) {
        //alert出字符串
        alert(localStorage.getItem("data"));
        //字符串转换成json对象
        $scope.data =angular.fromJson(localStorage.getItem("data"));
    }]);
</script>
</body>
</html>

3.html字符串转换成json对象

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
    {{data.username}}
</div>
<script>
    var m = angular.module("module", []);
    m.controller("ctrl", ["$scope", function ($scope) {
    //字符串转换成json对象
        $scope.data = angular.fromJson("{"username":"泠泠在路上"}");
    }]);
</script>
</body>
</html>

声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。

热门文章: CTF writeup 2_南邮网络攻防训...; SSM框架——详细整合教程（...; Linux Shell脚本编程－－curl命...; HttpClient使用详解; Java面试题全集（上）; JAVA设计模式之单例模式; java.lang.OutOfMemoryError: PermGen ...; TCP协议中的三次握手和四次...; form表单的两种提交方式，su...; String,StringBuffer与StringBuilder...

最新文章: Java之品优购课程讲义_day20（7）; 剑指 Offer - 8：跳台阶; Netty权威指南_札记02_NIO编程; mysql时间属性之时间戳和datetime之...; 虚拟现实或许可以拯救古埃及的“...; spring cloud服务注册中心eureka---集群...; Java SE 第六章; HTTP请求+数据库; HIDL学习笔记之HIDL C++（第二天）; ubuntu系统下指定tomcat运行时为JDK1.8...