Question

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

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>

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

1 个答案: