どのように機能

Question

をフィルタリングするために$ HTTP真の関数値を返すために、私はangularjsに新しいですし、私はちょうど機能をフィルタリングするために$ HTTPサービスの値を返すようにしたいので、以下はコードです....

上記

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

関数は{}を返します。 と私はpromiseないデータを返す$http

$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

ようuiGrid cellDropDownにフィルタを使用しています。

理想的には、.filterはになりません。は、任意のAPIを非同期にアクセスする必要があります。これはサービスの仕事です。

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

次にあなたが望むどこからでもデータを取得し、あなたのグリッドにそれを渡すことができます：

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