在select元素中自动完成

Question

我使用json-editor使用我从sql数据库传递到客户端的模式为我生成一个小部件。

小部件包含多个＆＃34; select＆＃34;元素...这些选择元素中的选项可以是扩展的，我希望能够有一个输入文本字段或以某种方式转换选择元素，以便能够让用户输入他们想要的内容并对其进行实时搜索元件。 IE：

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

我可以访问JSON对象来填充选择，这样我就可以在内部替换或存储它，我可以在其中创建一个html输入元素来进行＆＃34;搜索＆＃34;功能。从某种意义上说，它就像Google的搜索栏一样，它会主动查询存储的数组并在您键入时显示它们。

Answer 1

首先，您希望在angularJS数组中渲染所采用的JSON，如下所示：

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

然后你可以从这个数组中创建一个选择框：

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

最后创建一个输入来过滤这个数组：

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

这应该有效！让我知道。