angular.js에서 자동 완성 사용

Question

나는 자동 완성 기능을 사용하는 앱을 만들고 있습니다. jQuery UI 자동 완성과 같아야하므로 사용자가 입력을 시작하면 옵션을 추천합니다. 문제는 두 가지 종류의 데이터가 있는데 검색하고 있습니다. 실제로 '작업'과 '프로젝트'가 있습니다.

모든 작업의 ​​매개 변수는 task-id, task-name-display, task-name-search, project-id입니다. 모든 프로젝트의 내용은 project-id, project-name-display, project-name-search, client-id, client-name입니다.

앱은 모든 매개 변수를 검색해야하지만 일부만 표시해야합니다. 예를 들어, 데이터가있는 경우 :

task-id: 47 
task-name-display: Task name Example 
task-name-search: task-name-example 
project-id: 57 

내가 입력 : 47, 드롭 다운에 내가 표시되어야합니다

'#47 Task name Example Project A' 

다시 말하지만,이 지점이 angular.js를 사용하여 자동 완성을하는 것입니다, 여기서 내가 보여주는 것보다 약간 다른 데이터를 검색합니다. 순수한 angular.js에서이 작업을 수행하는 방법이 있습니까?

jQuery UI 자동 완성 + angular.js를 사용하여이를 수행하는 방법이 있습니까?

감사합니다.

Answer 1

Select2 라이브러리를 사용하는 데 어려움이 있습니까? 매우 유연하기 때문에 사용자의 요구를 충족시켜야합니다. 검색 논리를 정의하고 검색 중에 다른 방법으로 데이터를 표시 할 수 있으며 항목이 구성 요소에서 선택됩니다.

AngularUI 라이브러리 덕분에 AngularJs와 완벽하게 작동합니다. 모델에 저장된 데이터를 사용하거나 AJAX를 사용하여 데이터를 가져올 수 있습니다.

Answer 2

ui-autocomplete을 사용하여 원하는 작업을 수행 할 수 있다고 가정합니다. 여기

는 ui-autocomplete

https://github.com/zensh/ui-autocomplete

에 대한 링크는이 일을하기 위해 프로젝트에 jQuery, jQuery UI 및 AngularJS이 있는지 확인합니다.

건배!