AngularJS - sauberste Weg Versprechen Rahmen hinzuzufügen, jetzt, wo Angular Auto Abwickeln von Versprechen veraltet wirklich

Question

ich wie die sauber (und ich denke, leicht zu folgen) Art und Weise, dass Versprechungen autounwrapped wurden:

$scope.myData = DataService.query({something:"etc"}); // done; 

Und ich wirklich kümmern sich nicht für das, was jetzt der normale Weg, es zu tun zu sein scheint, ohne die automatische Abwickeln:

DataService.query({something:"etc"}).$promise.then(function (data){ 
    $scope.myData = data; 
}); 

Was ich möchte, um zu sehen, so etwas wie dieses:

$scope.pulseData = $scope.setPromise(CitsciAnalytics.pulse({ 
    projId:"yardmap" 
})); 

Aber ich kann nicht sehen, wie man das macht. Der nächstgelegene ich bekam, war:

$scope.pulseData = $scope.setPromise("pulseData", CitsciAnalytics.pulse({ 
    projId:"yardmap" 
})); 

Mit Hilfe einer Funktion zum Stammbereich hinzugefügt:

.run(["$rootScope", "$log", function ($rootScope, $log) { 
    //parent method to avoid promise unwrapping boilerplate 
    $rootScope.setPromise = function (scopeVar, promise) { 
     if (arguments.length === 2 && promise && promise.$promise) { 
      var scope = this; 
      promise.$promise.then(function (data){ 
       scope[scopeVar] = data; 
      }); 
     } else { 
      $log.error("$rootScope.setPromise has invalid arguments"); 
     } 
    }; 
}]); 

aber Ich mag nicht die unDRY Erfordernis, den Umfang Variablennamen als zusätzliche Zeichenkette mit geben . Hat sich jemand anderes darum gekümmert oder einen Weg gesehen, dies sauberer zu machen?

Answer 1

Zunächst einmal brauchen Sie nicht

DataService.query({something:"etc"}).$promise.then(function(data){ 
    $scope.myData = data; 
}); 

zu verwenden, die auf eine $resource eindeutig bezeichnet, weil $resource wird ein leeres Array oder Objekt zurückgeben und mit Daten füllen, wie sie ankommen.

Also, mit einer $resource Klasse, können Sie immer noch

$scope.myData = DetaService.query(...); 

---

$resource ‚s Paradigma verwenden, ist auch ein guter Ansatz in der eigenen "Daten-Abruf" Dienste folgen: Rückkehr und leeres Array und fülle es mit Daten, wenn sie ankommen.

ZB:

.factory('DataService', function ($http) { 
    function query(params) { 
     var data = []; 
     $http.get('/some/url/with/params').then(function (response) { 
      response.data.forEach(function (item) { 
       data.push(item); 
      }); 
     }); 
     return data; 
    } 

    return { 
     query: query 
    }; 
}); 

.controller('someCtrl', function ($scope, DataService) { 
    $scope.data = DataService.query({...}); 

---

Wenn Sie thrid Anbieter-Dienste nutzen, die ein Versprechen zurückgeben, können Sie Ihre generische Funktion implementieren ähnliche Funktionalität zu bieten:

.run(function ($rootScope) { 
    $rootScope.promiseToArray = function (promise) { 
     var arr = []; 
     promise.then(function (data) { 
      data.forEach(function (item) { 
       arr.push(item); 
      }); 
     }); 
     return arr; 
    }; 
}); 

.controller('someCtrl', function ($scope, ThirdPartyService) { 
    $scope.data = $scope.promiseToArray(ThirdPartyService.fetchData()); 
}); 

---

Siehe auch diese short demo.

---

_{Die oben genannten Beispiele sind nur zum Zwecke Veranschaulichung und nicht produktionsfertige Code.
ich eine reale app, Sie müssten Ausnahmen behandeln, Ablehnungen usw.}

Answer 2

Wir können Abwickeln wieder aktivieren, wenn wir wirklich wollen, indem Sie die Option auf true in einer Einstellung.config() Funktion:

.config(function($parseProvider) { 
    $parseProvider.unwrapPromises(true) ; 
});