在前端開發中,我們常常需要向服務器請求數據,服務器返回的數據大多數是以JSON格式的字符串形式返回的。在AngularJS中,我們可以使用Controller來處理JSON數據。
//定義一個控制器 myApp.controller("myController", function($scope, $http) { $http.get("data.json").success(function(response) { $scope.records = response.records; //將返回數據賦值到$scope.records中 }); });
上面的代碼演示了一個簡單的控制器,我們首先要使用$http服務請求數據,然后使用success方法將請求到的數據賦值給$scope.records。
[ { "Name": "John", "Country": "Canada" }, { "Name": "Mary", "Country": "USA" } ]
接下來,我們需要在HTML文件中渲染$scope.records。
- {{ record.Name + ', ' + record.Country }}
上面的代碼演示了如何使用ng-repeat指令循環$scope.records數組,并在HTML中渲染。在ng-repeat中,我們將數據數組賦值給record,然后用{{}}語法輸出數據。
通過Controller處理JSON數據是AngularJS中非常重要的一點,這樣我們可以將數據與渲染邏輯分離,使得代碼易于維護,而且能夠提高代碼的復用性。