在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>