Question

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

我搜索的对象如下所示：

我搜索的当前数组是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仍然是“滞后”。

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

Answer 1

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

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

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