使用自動完成angularjs

下面是一個簡單的查找，當用戶開始輸入...使用自動完成angularjs

<input type="text" data-ng-model="question_handset" list="phones" class="form-control"> 
<datalist id="phones"> 
<option data-ng-repeat="ttl in titles" value="{{ttl}}"> 
</datalist>

腳本：

$scope.titles = [ "Comics Action" , 
       "Detective Comics" , "Superman" , "Fantastic Four" , "Amazing Spider-Man" ];

我的問題是，這只是在你鍵入的第一個詞相匹配。

即我希望它的方式，你可以鍵入工作：漫畫和任何字「漫畫」顯示在列表中，例如：偵探漫畫，漫畫動作

我不想使用jQuery，有什麼可以用當前的代碼來實現這一點？例子會很好。謝謝。

來源

2014-03-13 Prometheus

你試過Angular Bootstrap？它有一個Typeahead。這是他們網站上提供的plunkr。我剛剛更新了靜態數組。

enter image description here

來源

2014-03-13 14:03:56 anvarik

我不知道任何角度庫不依賴於其他框架，這樣做。但是，自己製作它是非常可行的。你見過this文章嗎？最難的部分是設計內容並將其與文本框對齊。

來源

2014-03-13 13:57:09 null

你可以嘗試角模塊：ngTagsInput。我發現它非常強大和方便。當然，完全兼容Angular項目

來源

2014-08-20 07:46:28 haotang

使用自動完成angularjs

回答

相關問題