angular.fromJson與toJson方法用法示例

發(fā)布時(shí)間：2020-10-15 05:24:28 來源：腳本之家閱讀：236 作者：itsonglin 欄目：web開發(fā)

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

AngularJS的angular.fromJson()方法可以把一個(gè)Json字符串中解析成一個(gè)對(duì)象，或?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()">點(diǎn)擊我！</button>
</div>
</body>
</html>

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

liSi
zhangSan
321

相應(yīng)地，能夠從Json到對(duì)象，就能夠從對(duì)象到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操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
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入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

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

向AI問一下細(xì)節(jié)

angular.fromJson與toJson方法用法示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽