uib-typeaheadでのAngularJsフィルタリングが機能していません

Question

私はangle uib-aheadaheadを使用しているアプリを持っています。

データはajaxコールによってリモートにロードされます。

私は$ viewValue文字列を含む「名前」との結果のみを表示する結果をフィルタリングする必要があります。

ここに私のコードです。私の問題は、データが決してフィルタリングされないということです。

私は間違っていますか？

//マークアップ

<input type="text" ng-model="modelo.tuss" placeholder="Select TUSS" 
    uib-typeahead="item as item.name for item 
    in getTabelaTUSS($viewValue) | filter:{name:$viewValue}" 
class="form-control"> 

//コントローラ

angular.module("clinang").controller('exameCtrl',['$scope', function($scope) { 
     var prof=[{"id":1,"name":"John Prof"}, 
     {"id":2,"name":"Mary Prof"}]; 

     $scope.getTabelaTUSS = function(val) { 
     return dataService.getTabelaTUSS().then(function(response){ 
      return prof; //only to simulate results to test 
    }); 
    }; 

}]); 

更新コントローラー：

//first option - geting rid off view filter and making local filter in controller 
angular.module("clinang").controller('configAgendaAddProcedimentosCtrl',['$scope','dataService','$state','$filter',function($scope,dataService,$state,filter){ 
     $scope.getTabelaTUSS = function(val) { 
     return dataService.getTabelaTUSS().then(function(response){ 
       return filterFilter(response.data, val); 
     }); 
     }; 
}]); 

//second option - using view filter and no local filter in controller 
//I also tried without success 
angular.module("clinang").controller('configAgendaAddProcedimentosCtrl',['$scope','dataService','$state','$filter',function($scope,dataService,$state,filter){ 
     $scope.getTabelaTUSS = function(val) { 
     return dataService.getTabelaTUSS().then(function(response){ 
       return response.data; 
     }); 
     }; 
}]); 

Answer 1

あなたはreturn prof;と、次のブロックを交換する場合は、予想通り、それは動作します私がで実証しているように210

return dataService.getTabelaTUSS().then(function(response){ 
    return prof; //only to simulate results to test 
}); 

あなたreturnステートメントを使用して問題は、それがdataService.getTabelaTUSS().then()呼び出しによって返された約束のオブジェクトを返します。これを修正するには、profをthenに戻すのではなく、profをスコープ変数に割り当てて、ビューで使用します。

Answer 2

あなたはdataService.getTabelaTUSS()メソッドを呼び出しているが、あなたはあなたのコントローラでdataServiceを注入したことがありません。次のように

は、あなたのコントローラでdataServiceを注入します。

angular.module("clinang").controller('exameCtrl',['$scope','dataService' function($scope,dataService) { 
    var prof=[{"id":1,"name":"John Prof"}, 
    {"id":2,"name":"Mary Prof"}]; 

    $scope.getTabelaTUSS = function(val) { 
     return dataService.getTabelaTUSS().then(function(response){ 
      return prof; //only to simulate results to test 
    }); 
    }; 

}]); 

注：お使いのHTMLコード内dataServiceサービスファイルを含めることを忘れないでください。

また、dataService.getTabelaTUSS()メソッドresponseを使用していないコードが表示された場合は、profオブジェクトが返されます。したがって、サービスからのデータが必要ない場合は、次のようにメソッドを更新してください。

$scope.getTabelaTUSS = function(val) { 
    return prof; 
}