我正在閱讀這篇文章：http：//eviltrout.com/2013/06/15/ember-vs-angular.html它說，由于缺乏約定，我想知道有多少Angular項目依賴于不良實踐，例如直接在控制器中調用AJAX？由于依賴注入，開發人員是否將路由器參數注入指令？新手AngularJS開發人員是否會以經驗豐富的AngularJS開發人員認為慣用的方式構建他們的代碼？我實際上是$http從Angular.js控制器調用的。為什么這是一個不好的做法？那么$http撥打電話的最佳做法是什么？為什么？
3 回答
12345678_0001
TA貢獻1802條經驗 獲得超5個贊
編輯：這個答案主要集中在版本1.0.X. 為了防止混淆，它將被更改以反映截至2013-12-05的所有當前Angular版本的最佳答案。
我們的想法是創建一個服務，該服務返回對返回數據的承諾，然后在您的控制器中調用它并處理那里的承諾以填充您的$ scope屬性。
服務
module.factory('myService', function($http) {
return {
getFoos: function() {
//return the promise directly.
return $http.get('/foos')
.then(function(result) {
//resolve the promise as the data
return result.data;
});
}
}
});
控制者：
處理promise的then()方法并從中獲取數據。設置$ scope屬性，并執行您可能需要執行的任何操作。
module.controller('MyCtrl', function($scope, myService) {
myService.getFoos().then(function(foos) {
$scope.foos = foos;
});
});
In-View Promise Resolution（僅限1.0.X）：
在Angular 1.0.X中，這里的原始答案的目標，承諾將得到View的特殊處理。當他們解決時，他們的解析值將綁定到視圖。這已在1.2.X中棄用
module.controller('MyCtrl', function($scope, myService) {
// now you can just call it and stick it in a $scope property.
// it will update the view when it resolves.
$scope.foos = myService.getFoos();
});
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
最佳做法是將$http呼叫抽象為向服務器提供數據的“服務”：
module.factory('WidgetData', function($http){
return {
get : function(params){
return $http.get('url/to/widget/data', {
params : params
});
}
}
});
module.controller('WidgetController', function(WidgetData){
WidgetData.get({
id : '0'
}).then(function(response){
//Do what you will with the data.
})
});
$http像這樣抽象調用將允許您跨多個控制器重用此代碼。當與此數據交互的代碼變得更加復雜時，這可能是必要的，您可能希望在控制器中使用數據之前處理數據，并緩存該進程的結果，這樣您就不必花時間重新處理它。
您應該將“服務”視為應用程序可以使用的數據的表示（或模型）。
慕妹3146593
TA貢獻1820條經驗 獲得超9個贊
接受的答案是給我$http is not defined錯誤所以我必須這樣做：
var policyService = angular.module("PolicyService", []);
policyService.service('PolicyService', ['$http', function ($http) {
return {
foo: "bar",
bar: function (params) {
return $http.get('../Home/Policy_Read', {
params: params
});
}
};
}]);
這條線的主要區別是：
policyService.service('PolicyService', ['$http', function ($http) {
- 3 回答
- 0 關注
- 535 瀏覽
添加回答
舉報
0/150
提交
取消