角度搜索优化

Question

我有一个有角度的应用程序，可以搜索超过1000个对象。正在撕裂用户界面，应用程序似乎很慢。

的对象即时通讯通过这个样子的搜索：

当前阵列IM3通过搜索是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"> 

但是这并没有多大帮助。当我尝试在搜索字段中写入时，用户界面仍然是“laggy”。

所以我的问题是如何优化此搜索并避免laggy ui？

Answer 1

您没有写入在输入字段中输入内容时实际发生的情况。不管怎么说，而不是当用户键入她已经停止打字后，您可以搜索，使用ngModelOptions搜索：

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

这将启动用户已经停止打字搜索的200ms之后。