AngularJS使用limitTo和ngrepeat中的过滤器进行混淆

Jos*_*ose 3 javascript angularjs angularjs-ng-repeat

我有ng-repeat很多关键字(> 10万),这就是我使用的原因,limitTo:但我希望能够在所有搜索.

Search: <input ng-model="filter:queryKeywords" type="text" placeholder="Filter" autofocus>

<label ng-repeat="k in keywords | limitTo:totalDisplayed | orderBy | filter:queryKeywords">
   {{k}}
</label> 

<!-- Will load 100+ keywords -->
<button class="btn btn-primary" ng-click="seeMore()">See More</button>
Run Code Online (Sandbox Code Playgroud)

问题是我的搜索仅适用于我能看到的项目.

我想搜索所有项目(甚至是我无法显示的项目).

谢谢!

gka*_*pak 9

您应该更改过滤器的顺序,以便首先进行搜索(因此适用于所有数据),然后进行限制/排序:

ng-repeat="k in keywords | 
           filter:queryKeywords |
           limitTo:totalDisplayed |
           orderBy"
Run Code Online (Sandbox Code Playgroud)