AngularJS : Comment utiliser $http dans un filtre

Je pense que vous ne devriez pas utiliser les filtres de cette façon. Les filtres sont pour la transformation des données fondées sur l'option paramètres.

Le problème, c'est que vous êtes immédiatement en retour d'une promesse de la fonction de filtre. Et ce n'est rien Angulaire peut traiter comme un résultat d'un filtre.

Ma suggestion serait donc cette - récupère le résultat de la première, de travailler avec le filtre basé sur le résultat:

var app = angular.module("my.module");

app.controller("MyCtrl", ['$http', '$scope', function(http, scope) {
  scope.hello = "foo";
  http.get('http://my.service.com').then(function(data) {
    scope.filterParams = data;
  }, function(err) {
    scope.filterParams = undefined;
  });
}]);

app.filter("filterHello", function() {
  return function(input, params) {
    if(typeof params === "undefined") {
      return "";
    }
    //work with the params here
  };
});

et dans le Modèle:

<div ng-controller="MyCtrl">
  {{hello|filterHello:filterParams}}
</div>

Edit: Viens de lire votre explication. Pour moi, ce serait un candidat pour une directive:

app.directive("companyName", ['$http', function(http) {
  return {
    template: "<span>{{name}}</span>",
    scope: {
      companyId: "="
    },
    link: function(scope) {
      http.get("http://my.service.com/companies/" + scope.id).then(function(result) {
        scope.name = result.name;
      }, function(err) {
        scope.name = "unknown";
      });
    }
  }
}]);

et dans le modèle:

<span company-name company-id="user.company_id"></span>

Si vous avez beaucoup d'entreprises, vous devez charger les noms (peut-être les envoyer avec la première réponse, d'abord?), comme vous pouvez vous en être les bombardements de votre serveur un peu avec les demandes.

Si vous devez faire une requête http à l'intérieur d'un filtre que j'ai aussi trouvé une raison à récemment, puis procédez comme indiqué ci-dessous.

Noter que l'Angulaire de l'équipe décourage l'utilisation de la dynamique des filtres que je cite à partir de leur documentation

Il est fortement déconseillé d'écrire des filtres qui sont dynamique, parce que l'exécution de ceux qui ne peuvent pas être optimisés par Angulaire, qui
conduit souvent à des problèmes de performances. De nombreux stateful filtres peuvent être
converti en apatrides filtres seulement en exposant l'état caché comme
un modèle et d'en faire un argument pour le filtre.

Si vous avez besoin d'écrire un filtre dynamique, vous avez pour marquer
le filtre que $dynamique, ce qui signifie qu'il sera exécuté un ou
plusieurs fois durant chaque $digest cycle.Stateful filtres

Par cette recommandation, voici ce que vous devez faire:

1. Déclarer votre filtre de sorte qu'il accepte un objet de l'étendue, comme c'est le premier paramètre:
   la fonction de filtre($http) {

   return function (cached, type, productField) {
           var key = type + '-' + productField;
           var oDataFilter = 'Id eq \'' + productField + '\'';
           var select = 'Id,Name';
           if (typeof cached[key] == 'undefined') {
               $http({
                   url: '//<endpoint>/resource.json?$select=' + select + '&$filter=' + oDataFilter 
                   , method: 'GET'
                   , headers: {
                       Accept: 'application/json'
                   }
               }).then(function (data) {
                   cached[key] = data.data.d.length > 0 ? data.data.d[0].Name : 'Not found';
               });
               cached[key] = 'Loading...';
           }
           return cached[key];
       }
   }
   filter.$inject = ['$http'];
   app.filter('myFilter', filter);

2. Définir une variable qui sera disponible dans le cadre de votre modèle. Je vais appeler le mien filterCache et affecter et d'objet vide {} à elle.

3. Invoquer le filtre à partir de l'intérieur de votre modèle comme celui-ci:

   <div ng-bind-template="{{filterCache|myFilter:firstParameter:secondParameter}}"></div>