AngularJS：如何基于变量更改ng-repeat limitTo？

Question

我想基于变量在Angular.js ng-repeat上显示不同的limitTo数字。

这是我的代码：

<input type="text" ng-model="search" ng-change="checkNewCard(search)"/>
<div ng-repeat="score in scores | filter:search | limitTo:6" ng-hide="search">
...
</div>
<div ng-repeat="score in scores | filter:search | limitTo:5" ng-hide="!search">
...
</div>
<div new-card name="search" ng-show="showNewCard"></div>

并在控制器中：

$scope.showNewCard = false;
$scope.checkNewCard = function (search) {
if (search == "")
    $scope.showNewCard = false;
else {
    $scope.showNewCard = true;
    }
};

我只能假设有一种基于搜索输入来更改limitTo的更优雅的方法，我只是不知道要寻找什么。

您可以在http://happinesshunt.co上看到此代码的实现。

PS：我是新来的，而且是开发的新手，所以，如果未正确提出问题，请原谅我。

谢谢你！

Answer 1

这可能是第一个解决方案（因为可以改进它，例如，通过隐藏/显示更多/更少的链接）：

<div ng-repeat="score in scores | limitTo: limit">
...
</div>
<a href ng-click="incrementLimit()">more</a>
<a href ng-click="decrementLimit()">less</a>

在您的控制器中：

var limitStep = 5;
$scope.limit = limitStep;
$scope.incrementLimit = function() {
    $scope.limit += limitStep;
};
$scope.decrementLimit = function() {
    $scope.limit -= limitStep;
};