在使用AngularJS開發(fā)Web應(yīng)用程序時(shí),controller是一個(gè)不可或缺的組件之一。通常,在一個(gè)頁(yè)面上我們需要使用多個(gè)控制器來(lái)處理不同的業(yè)務(wù)邏輯,這時(shí)候我們就需要讓這些控制器能夠獲取JSON數(shù)據(jù),以便于數(shù)據(jù)綁定和操作。
下面是一些示例代碼,展示了如何在控制器中使用$http服務(wù)獲取JSON數(shù)據(jù):
app.controller('myController', function($scope, $http) { $http.get('data.json') .then(function(response) { $scope.data = response.data; }); });
在上面的代碼中,我們首先注入了$http服務(wù)和$scope對(duì)象。$http服務(wù)用于與后端服務(wù)器進(jìn)行交互,$scope對(duì)象則是AngularJS的模型,用于保存視圖中的數(shù)據(jù)綁定。
接下來(lái),我們調(diào)用了$http對(duì)象的get()方法來(lái)向服務(wù)器請(qǐng)求數(shù)據(jù),其中"data.json"是我們?cè)诜?wù)器上存儲(chǔ)JSON數(shù)據(jù)的文件名。一旦數(shù)據(jù)請(qǐng)求成功,我們就將它存儲(chǔ)在$scope對(duì)象的"data"屬性中,以便于在視圖中使用。
除了使用$get()方法,$http服務(wù)還提供了一系列HTTP方法,例如$post()、$put()、$delete()等,用于發(fā)送不同類型的HTTP請(qǐng)求。
總的來(lái)說(shuō),使用AngularJS的控制器獲取JSON數(shù)據(jù)是非常簡(jiǎn)單和方便的。只需要注入$http服務(wù),發(fā)送HTTP請(qǐng)求并在回調(diào)函數(shù)中處理數(shù)據(jù)即可。