2014-07-15 3 views
0

내 angularJs 응용 프로그램에서 검색 상자를 구현하고 싶습니다. 사용자가 검색 상자에 이름을 입력하자마자 일부 REST 서비스를 호출해야하며 검색 텍스트 상자에 입력 한 이름과 일치하는 모든 이름을 가져와야합니다. 단추가 없다는 점에 유의하십시오. 사용자가 입력을 시작하면 자동으로 결과가 나타납니다. REST 서비스가 이미 있습니다. 사용자가 입력을 시작하고 결과를 목록으로 반환 할 때 REST 서비스를 호출하기 만하면됩니다. 예 : - James라고 입력하면 James로 시작하는 모든 사용자가 검색 상자에 목록으로 나타납니다. HTML 코드 섹션 다음serach 양식 기능 구현 방법

감사

+0

것은 당신이 이미 가지고있는 우리를 게시 -

<div ng-app> <div ng-controller="TodoCtrl"> <input type="text" ng-model="searchText" /> <table> <tr ng-repeat="data in nameList|filter:searchText"> <td>{{data.name}}</td> </tr> </table> </div> </div> 

여기 main.js 파일의 코드입니다. – etr

답변

0

추가 -

function TodoCtrl($scope) { 
    $scope.nameList = [{name:"ABC"}, {name:"DEF"},{name:"GHI"}, 
         //Define list here 
         ]; 
}