本文實例講述了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.VeVB.COm/code/json
JSON在線格式化工具:
http://tools.VeVB.COm/code/jsonformat
在線XML/JSON互相轉換工具:
http://tools.VeVB.COm/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.VeVB.COm/code/jsoncodeformat
在線json壓縮/轉義工具:
http://tools.VeVB.COm/code/json_yasuo_trans
更多關于AngularJS相關內容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結》
希望本文所述對大家AngularJS程序設計有所幫助。
新聞熱點
疑難解答