AngularJS-Service http-Erfolgsfunktion mit falschem "diesem" Gültigkeitsbereich

Question

Die Erfolgsfunktion von $http.put hat keinen Zugriff auf den Bereich this des Dienstes, der innerhalb aufgerufen wird. Ich muss eine Eigenschaft des Dienstes im Rückruf von der PUT-Anfrage aktualisieren.

Dies ist ein abgespeckte Beispiel dafür, was ich versuche, in einem Dienst zu tun:

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); 
     }); 
    } 
} 

Sorry, wenn es einige Fehler in der JS ist, ist der wichtigste Punkt, wie greife ich auf den Umfang Service von innerhalb des Erfolgs Rückruf?

EDIT: Während die Antwort auf diese Frage richtig war, wechselte ich auf die factory Methode sowohl als Josh und Mark empfohlen es

Answer 1

einen Verschluss über eine Variable erstellen (oft that genannt), die auf this zugeordnet, so dass Ihre Callback-Funktionen Zugriff auf Ihre Service-Objekt haben:

app.service('CatalogueService', function($rootScope, $http) { 
    var that = this; 
    ... 
     ).success(function(data,status,headers,config) { 
      that.items.push(data); 

Hier ist ein Plunker, die stattdessen $ timeout verwendet von $ http zu demonstrieren.

Answer 2

Soweit ich weiß, kann man nicht. Aber ich würde sowieso nicht versuchen, den Dienst so zu führen. Hier ist ein sauberer Weg:

.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 
    }; 
}; 

Dies ist ein sehr häufig Muster von Dienstleistungen in AngularJS entwickeln und es erfordert keine Verwendung von this in diesen Fällen.