AngularJS : Wie $http in einen filter

Denke ich, sollten Sie nicht verwenden die Filter, die Art und Weise. Filter sind für die Transformation von inputs basierend auf den optionalen params.

Das problem hier wäre, dass man sofort die Rückkehr ein Versprechen aus der filter-Funktion. Und das ist nichts Eckig umgehen kann als Ergebnis eines filters.

Mein Vorschlag daher wäre dies - das Ergebnis Holen Erstens, die Arbeit mit dem filter basierend auf dem Ergebnis:

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

und in der Vorlage:

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

Edit: Gerade gelesen Ihre Erklärung. Zu mir, dies wäre ein Kandidat für eine Richtlinie:

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

und in der Vorlage:

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

Wenn Sie haben eine Menge von Unternehmen, Sie sollten laden Sie den Namen (vielleicht schicken Sie mit der ersten Resonanz zu Beginn?), als wären Sie bombardieren Ihre server ziemlich mit Anfragen.

Wenn Sie eine http-Anforderung in einem filter wie ich fand auch ein Grund, vor kurzem, dann tun Sie es wie unten gezeigt an.

Beachten Sie, dass das Winkel-team rät von der Verwendung von stateful-Filter, ich zitiere aus Ihrer Dokumentation

Es wird dringend davon abgeraten, schreiben Filter, stateful, weil die Ausführung dieser kann nicht optimiert werden durch die Winkel, die
führt oft zu performance-Problemen. Viele stateful-Filter kann
Umgerechnet in stateless Filter nur durch die Aufdeckung der versteckten Zustand, wie
ein Modell und verwandelt ihn in ein argument für den filter.

Wenn Sie jedoch tun müssen, schreiben Sie eine stateful-filter, Sie haben zu markieren
der filter als $stateful, was bedeutet, dass es ausgeführt werden, eine oder
mehrmals während jeden $digest-Zyklus.Stateful-Filter

Werde durch diese Empfehlung, hier ist was Sie tun sollten:

1. Erklären Sie Ihre filter, so dass es nimmt eine scope-Objekt als ersten parameter:
   function filter($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. Definieren Sie eine variable, die verfügbar sein wird im Rahmen der Vorlage. Ich rufe mir filterCache und weisen und leeres Objekt {} zu.

3. Rufen Sie das filter aus dem inneren der Vorlage wie diese:

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