我有一个角度应用程序,可以搜索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仍然是“滞后”。
所以我的问题是如何优化这种搜索并避免出现滞后的问题?
答案 0 :(得分:2)
当您在输入字段中输入内容时,您没有写下实际发生的事情。无论如何,不是在用户输入时进行搜索,而是可以在她停止输入后使用ngModelOptions
进行搜索:
<input ng-model-options="{ debounce: 200 }" ng-model="search.question">
这在用户停止输入后200ms开始搜索。