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

在 Controller 中:

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

我只能假设有一种更优雅的方法可以根据搜索输入更改 limitTo，我只是不知道要查找什么。

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

附言我是新来的，一般来说是开发新手，所以如果问题没有正确提出，请原谅我。

先谢谢了!

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>

在你的 Controller 中:

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