Valeur de retour de la promesse de service de ressources $ une fois est résolu

Question

j'avoir un tel code de travail:

service (usine?):

myApp.factory('MyService', ['$q','$resource', 'MyResource', 
    function ($q, $resource, MyResource) { 

     return { 
      getRoles: function() { 
       return MyResource.getRoles(); //MyResource makes API calls using $resource 
      } } }); 

Controller:

$scope.Roles = MyService.getRoles(); 
$scope.Roles.$promise.then(function() { $scope.RolesCount = $scope.Roles.length; }); 

Ce que je voudrais faire est de créer une telle fonction dans MyService qui renverra le nombre de rôles une fois getRoles est résolu afin que je puisse l'utiliser dans le contrôleur comme ceci:

$scope.RolesCount = MyService.getRolesCount(); 

puis en html

{{RolesCount}} 

Malheureusement, je ne sais pas comment faire cela depuis ma méthode getRolesCount() doit retourner quelque chose que je ne peux pas utiliser promise.then $() à l'intérieur MyService . Je vais essayer de mettre à jour le titre de ma question une fois que je trouverai quelque chose de plus précis.

Answer 1

Si la réponse du serveur doit être transformée dans un service, then doit y être déplacé. Cependant, ce n'est pas pratique ou possible si then est supposé déballer une promesse et affecter une valeur à la portée, comme dans le code ci-dessus.

$reaource renvoie un objet rempli sur une résolution de promesse. La façon dont une ressource est censée être utilisée en vue est le suivant:

{{Roles.length}} 

Lorsqu'un objet est mis à jour, il sera mis à jour en vue, aussi. L'attribution de la valeur à une autre variable est inefficace.

Il est impossible de faire quelque chose comme

$scope.RolesCount = MyService.getRolesCount(); 

parce getRolesCount est asynchrone, et la valeur qu'elle résout avec est scalaire. Il est possible de l'aplatir avec `async..await, (TypeScript ou ES2017), mais nécessitera des mesures supplémentaires pour synchroniser le flux de contrôle avec les condensés AngularJS, comme expliqué dans this answer.