角度搜索优化

时间:2016-02-29 10:09:26

标签: javascript angularjs

我有一个角度应用程序,可以搜索1000多个对象。正在撕毁ui,应用程序似乎很慢。

我搜索的对象如下所示:

enter image description here

我搜索的当前数组是799长。

到目前为止,我的搜索方法是一个输入字段,其中包含以下内容:

<input type="text" class="form-control" placeholder="Søg" ng-model="search.$">

正如您可能已经猜到的那样,问题是我在所有文本中搜索。

所以我试图将其更改为仅在question字段中搜索:

<input type="text" class="form-control" placeholder="Søg" ng-model="search.question">

然而这并没有多大帮助。当我尝试在搜索字段中写字时,UI仍然是“滞后”。

所以我的问题是如何优化这种搜索并避免出现滞后的问题?

1 个答案:

答案 0 :(得分:2)

当您在输入字段中输入内容时,您没有写下实际发生的事情。无论如何,不​​是在用户输入时进行搜索,而是可以在她停止输入后使用ngModelOptions进行搜索:

<input ng-model-options="{ debounce: 200 }" ng-model="search.question">

这在用户停止输入后200ms开始搜索。