$http和factory-这个模式是如何工作的
$http and factory - how does this pattern work?
以下是使用$http将数据从工厂获取到控制器的推荐方法——根据https://github.com/johnpapa/angularjs-styleguide
我不知道$http上的两个成功回调是如何工作的(我评论了我认为这两个回调是什么)。1) 第一次回调的意义何在?2) vm.avenger指向哪里?它是对另一个对象的引用吗?3) 第二个回调中是否有"data"=第一个回调中的"response.data.results"?4) 我正在计算总共3个被链接的回调,对吗?
附言:我已经知道承诺,但想学习这个模式,特别是
工厂
/* recommended */
// dataservice factory
angular
.module('app.core')
.factory('dataservice', dataservice);
dataservice.$inject = ['$http', 'logger'];
function dataservice($http, logger) {
return {
getAvengers: getAvengers
};
function getAvengers() {
return $http.get('/api/maa')
.then(getAvengersComplete)
.catch(getAvengersFailed);
//Callback One
function getAvengersComplete(response) {
return response.data.results;
}
function getAvengersFailed(error) {
logger.error('XHR Failed for getAvengers.' + error.data);
}
}
}
控制器
function Avengers(dataservice, logger) {
var vm = this;
vm.avengers = [];
activate();
function activate() {
return getAvengers().then(function() { //Callback 3
logger.info('Activated Avengers View');
});
}
function getAvengers() {
return dataservice.getAvengers()
.then(function(data) { //Callback 2
vm.avengers = data;
return vm.avengers;
});
}}
- 第一次回调的目的是在数据进入应用程序之前对其进行任何操作,并从http响应对象中实际提取有用的数据
- vm.avengers是在控制器的顶部声明的。它使用了"controller as"语法,并引用了控制器的"this"对象。您最终将使用vm.avenger来访问视图中的数据
- 正确
- HTTP呼叫->getAvengersComplete->getAvegers,因此更正3个回调
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- ajaxToolkit PopupControlExtender不工作.过时的
- HTML标记在脚本标记中工作
- 在JavaScript中的类中,push和concat的工作方式有何不同