在angularjs中列出有限项目并搜索完整项目
问题描述:
我在显示的项目列表中有50个项目。用户可以从整个列表中搜索(从50项目),但不仅仅从5项目中搜索。如何在angluarJs上实现此项目。 我遵循这个方法,因为我想减少ajax请求。在angularjs中列出有限项目并搜索完整项目
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 ></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
];
}]);
答
尝试通过使用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>