在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 

而且I型：47，在下拉菜單中我應該看到：

'#47 Task name Example Project A' 

再次，這點是讓使用angular.js自動完成，在那裏我搜索的數據與我顯示的數據有點不同。有沒有辦法簡單地在純angular.js中做到這一點？

有沒有辦法如何做到這一點也使用jQuery UI自動完成+ angular.js？

謝謝。

Answer 1

有沒有關於使用Select2庫？它應該滿足您的需求，因爲它非常靈活：您可以定義自己的搜索邏輯，並在搜索期間以及在組件中選擇項目時以不同方式顯示數據。

它完美地與AngularJs合作，感謝AngularUI庫。您可以使用存儲在模型中的數據或使用AJAX獲取數據。

Answer 2

我想你可以用ui-autocomplete做你想做的事。

這裏是鏈接到ui-autocomplete

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

確保您的項目，使這項工作有jQuery，jQuery UI和AngularJS。

乾杯！