在angularjs中列出有限项目并搜索完整项目

Question

我在显示的项目列表中有50个项目。用户可以从整个列表中搜索（从50项目），但不仅仅从5项目中搜索。如何在angluarJs上实现此项目。 我遵循这个方法，因为我想减少ajax请求。

angularJs代码是，

 <div class="txt"> 
        <a href="{{mall.link}}" ng-repeat="mall in malls|limitTo:2| filter:searchMall" title="{{mall.name}}"><img src="{{mall.image_url}}"/></a> 
        <a class="more" href="#">More &gt;</a> 
       </div> 
    app.controller('mallController', ['$scope', function ($scope) { 
      $scope.malls = 
        [ 
         {name: 'mall1', image_url: 'assets/images/malls/1.png', link: "/#mall1"}, 
         {name: 'mall2', image_url: 'assets/images/malls/2.png', link: "/#mall2"}, 
        ... 
        ... 
        50 rows 

     ]; 
    }]); 

Answer 1

尝试通过使用ng-if这样来限制显示的项目的数目：

<a href="{{mall.link}}" 
    ng-repeat="mall in malls|filter:searchMall" 
    ng-if="$index < 6" 
    title="{{mall.name}}"> 
    <img src="{{mall.image_url}}"/> 
</a>