欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angular.fromJson與toJson方法用法示例

 更新時間：2017年05月17日 11:35:56   作者：itsonglin  
這篇文章主要介紹了angular.fromJson與toJson方法用法,結(jié)合實例形式分析了AngularJS使用fromJson與toJson方法進行json格式數(shù)據(jù)的解析與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了angular.fromJson與toJson方法用法。分享給大家供大家參考，具體如下：

AngularJS的angular.fromJson()方法可以把一個Json字符串中解析成一個對象，或?qū)ο髷?shù)組：

<!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>

控制臺打印的結(jié)果如下：

liSi
zhangSan
321

相應(yīng)地，能夠從Json到對象，就能夠從對象到Json:

var obj =
{
  name:"liSi", password:"321"
}
var str = angular.toJson(obj, true);
console.log(str);

打印結(jié)果如下：

{
 "name": "liSi",
 "password": "321"
}

PS：關(guān)于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：

在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

相關(guān)文章

  • angular6的table組件開發(fā)的實現(xiàn)示例

    angular6的table組件開發(fā)的實現(xiàn)示例

    這篇文章主要介紹了angular6的table組件開發(fā)的實現(xiàn)示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • 使用Raygun來自動追蹤AngularJS中的異常

    使用Raygun來自動追蹤AngularJS中的異常

    這篇文章主要介紹了使用Raygun來自動追蹤AngularJS中的異常,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下
    2015-06-06
  • Facade Service暴露commands簡化代碼邏輯提高可訪問性組合性

    Facade Service暴露commands簡化代碼邏輯提高可訪問性組合性

    在 Angular 應(yīng)用開發(fā)中,使用 Facade Service 暴露 commands（命令）以及訂閱這些 commands 是一個常見的設(shè)計模式,本文將詳細介紹在 Facade Service 中如何實現(xiàn)這一目標,并深入探討相關(guān)細節(jié),以及通過實際示例進行說明
    2023-10-10
  • 詳解angularjs中如何實現(xiàn)控制器和指令之間交互

    詳解angularjs中如何實現(xiàn)控制器和指令之間交互

    本篇文章主要介紹了詳解angularjs中如何實現(xiàn)控制器和指令之間交互，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • 簡單談?wù)剅equire模塊化jquery和angular的問題

    簡單談?wù)剅equire模塊化jquery和angular的問題

    下面小編就為大家?guī)硪黄唵握務(wù)剅equire模塊化jquery和angular的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • AngularJS 簡單應(yīng)用實例

    AngularJS 簡單應(yīng)用實例

    本文主要介紹AngularJS 的簡單應(yīng)用實例,這里對AngularJS的知識總結(jié),并提供實例代碼和應(yīng)用程序講解,有需要的小伙伴可以參考下
    2016-07-07
  • 詳解為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法

    詳解為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法

    所謂攔截器就是在目標達到目的地之前對其進行處理以便處理結(jié)果更加符合我們的預(yù)期。Angular的$http攔截器是通過$httpProvider.interceptors數(shù)組定義的一組攔截器，每個攔截器都是實現(xiàn)了某些特定方法的Factory。本文就介紹了為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法。
    2016-12-12
  • 解決angular的$http.post()提交數(shù)據(jù)時后臺接收不到參數(shù)值問題的方法

    解決angular的$http.post()提交數(shù)據(jù)時后臺接收不到參數(shù)值問題的方法

    這篇文章為大家分享了解決angular的$http.post()提交數(shù)據(jù)時后臺接收不到參數(shù)值問題的方法，感興趣的小伙伴們可以參考一下
    2015-12-12
  • 對Angular.js Controller如何進行單元測試

    對Angular.js Controller如何進行單元測試

    這篇文章主要給大家介紹了如何對Angular Controller進行單頁測試。如果你不太了解angular也沒關(guān)系，本文也會提及關(guān)于Angular的一些知識。文中通過示例代碼介紹的很詳細，詳細對大家的理解和學(xué)習(xí)很有幫助，下面來一起看看吧。
    2016-10-10
  • AngularJs unit-testing（單元測試）詳解

    AngularJs unit-testing（單元測試）詳解

    本文主要介紹AngularJs unit-testing（單元測試）的內(nèi)容，這里整理了單元測試的知識，及示例代碼，有興趣的朋友可以參考下
    2016-09-09

最新評論