AngularJS服务http成功函数使用错误的“this”范围
一个成功的功能$http.put没有进入this它被称为内部的服务范围。 我需要更新PUT请求回调中的服务属性。
这是我试图在服务中做的一个简化例子：
var myApp = angular.module('myApp', function($routeProvider) {
// route provider stuff
}).service('CatalogueService', function($rootScope, $http) {
// create an array as part of my catalogue
this.items = [];
// make a call to get some data for the catalogue
this.add = function(id) {
$http.put(
$rootScope.apiURL,
{id:id}
).success(function(data,status,headers,config) {
// on success push the data to the catalogue
// when I try to access "this" - it treats it as the window
this.items.push(data);
}).success(function(data,status,headers,config) {
alert(data);
});
}
}
对不起，如果在JS中有一些错误，重点是如何从成功回调中访问服务范围？
编辑 ：虽然这个问题的答案是正确的，我切换到factory方法，乔希和马克推荐它
创建了一个变量（通常称为闭合that ）分配给this让您的回调函数可以访问你的服务对象：
app.service('CatalogueService', function($rootScope, $http) {
var that = this;
...
).success(function(data,status,headers,config) {
that.items.push(data);
这是一个使用$ timeout而不是$ http进行演示的Plunker。
据我所知，你不能。 但我不会试图以这种方式运行服务。 这是一个更清洁的方式：
.factory('CatalogueService', function($rootScope, $http) {
// We first define a private API for our service.
// Private vars.
var items = [];
// Private methods.
function add( id ) {
$http.put( $rootScope.apiURL, {id:id} )
.success(function(data,status,headers,config) { items.push(data); })
.then(function(response) { console.log(response.data); });
}
function store( obj ) {
// do stuff
}
function remove( obj ) {
// do stuff
}
// We now return a public API for our service.
return {
add: add,
store: store,
rm: remove
};
};
这是发展中AngularJS服务的一个很常见的模式，它不需要任何使用this在这些情况下。
上一篇: AngularJS service http success function using wrong "this" scope