uib-typahead를 사용한 AngularJs 필터링이 작동하지 않습니다.

Question

나는 각도 uib-aheadahead를 사용하는 앱을 가지고 있습니다.

데이터는 ajax 호출로 원격으로로드됩니다.

"name"이 $ 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 
    }); 
    }; 

}]); 

이 업데이트 컨트롤러 // : 당신이 return prof;과 다음 블록을 교체하는 경우

//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 문 (210)

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

문제

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