首頁 > 開發者 > JavaScript
angular.fromJson與toJson方法用法樣本，angular.tojson用法
本文執行個體講述了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>
控制台列印的結果如下：
liSizhangSan321
相應地，能夠從Json到對象，就能夠從對象到Json:
var obj ={ name:"liSi", password:"321"}var str = angular.toJson(obj, true);console.log(str);
列印結果如下：
{ "name": "liSi", "password": "321"}
PS：關於json操作，這裡再為大家推薦幾款比較實用的json線上工具供大家參考使用：
線上JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json
JSON線上格式化工具：
http://tools.jb51.net/code/jsonformat
線上XML/JSON互相轉換工具：
http://tools.jb51.net/code/xmljson
json代碼線上格式化/美化/壓縮/編輯/轉換工具：
http://tools.jb51.net/code/jsoncodeformat
線上json壓縮/轉義工具：
http://tools.jb51.net/code/json_yasuo_trans
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
