Wie der $ http wahre Funktion Wert zurückgeben Funktion

Question

zu filtert Ich bin neu in AngularJS und ich möchte nur $ http Service Rückgabewert der Funktion so filtern folgenden Code ist ....

.filter('mapMedicine', function($http) { 
      return function(input) { 
      if (!input){ 
       return ''; 
      } else { 
       return $http.get('/rest-apis/medicines/'+input).then(function(response){ 
        return response.data.name; 
       }); 
      } 
      }; 
    }) 

oben Funktion gibt {} zurück Wie funktioniert das? und ich bin mit Filter in uiGrid cellDropDown wie

$scope.bindGrid1={ 
       enablePagination:false, 
       enableFiltering: true, 
       useExternalSorting: true, 
       enablePaginationControls: false, 
       columnDefs: [ 
          {field: 'medicine', displayName: 'Medicine/Test', width: '20%', 
           cellFilter:"mapMedicine", 
           editableCellTemplate: 'ui-grid/dropdownEditor', 
           editDropdownIdLabel: 'id', 
           editDropdownValueLabel: 'name' 
          }, 
          ] 
      }; 

Answer 1

$http gibt ein promise keine Daten.

Idealerweise sollte ein Filter nie auf alle API asynchron zugreifen. Dies ist die Aufgabe für einen Dienst.

.service('mapMedicineService', ['$http', function($http) { 
    this.getMapMedecine = function(input) { 
     var map = $http.get('API'+input).then(function(response) { 
      return response.data; 
     }); 
     return map; 
    } 
}]); 

Dann können Sie die Daten von überall Sie wollen abrufen und es zu einem Gitter passieren:

mapMedecineService.getMapMedecine('123').then(function(result) { 
    $scope.myData = result; 
});