選擇元素內的自動完成

Question

我正在使用json-editor爲我使用從sql數據庫傳遞到客戶端的模式生成一個窗口小部件。

該小部件包含幾個「選擇」元素...這些選擇元素中的選項可以是廣闊的，我希望能夠有一個輸入文本字段或以某種方式轉換選擇元素，以便能夠有一個用戶類型他們想要什麼，並在元素上進行實時搜索。 IE：

<select> 
     <option>Apple</option> 
     <option>Banana</option> 
     <option>Orange</option> 
     ... 
</select> 

我也有機會獲得JSON對象來填充的選擇，所以我可以更換或存儲在內部，我可以只創建一個HTML input元素有一個「搜索」功能。從某種意義上說，它就像Google的搜索欄一樣，它將主動查詢存儲的數組並在鍵入時顯示它們。

Answer 1

首先要渲染拍攝JSON在angularJS陣列像這樣：

$scope.myArray = angular.json(myData); 

然後你可以從這個數組創建一個選擇框：

<select> 
    <option ng-repeat="element in myArray | filter:mySearchString"> 
     {{element}} 
    </option> 
</select> 

最後創建一個輸入過濾此數組：

<input type="text" ng-model="mySearchString"> 

這應該工作！讓我知道。