javascript - 将逻辑传输到控制器

Question

请帮助修复脚本。 http://jsfiddle.net/rrnJc/

这是一个动态的新闻列表。你可以滚动浏览。

逻辑在模板中的问题：

<li ng-repeat="item in news" ng-show="$index >= currentPosition && $index <= (currentPosition + qntVisibleRecords)">

这个不对。

我想 chtby 新闻列表的可见部分在控制器中（在函数 $scope.newsVisible 中）。在模板设计中得出相同的结论并交付：

<li ng-repeat="item in newsVisible">
    <span class="date">{{item.date}}</span>

    <span class="title">{{item.title}} - {{$index}}</span>
</li>

Answer 1

只需在控制器初始化时切片您的新闻数组，每次调用 changeCurrent 函数并遍历 newsVisible。可能的代码可能是：

$scope.changeCurrent = function(value){
  $scope.currentPosition = $scope.currentPosition + value;
  if($scope.currentPosition < 0 ){
     $scope.currentPosition = 0;
  }
  var end = Math.min($scope.currentPosition + $scope.qntVisibleRecords, $scope.news.length)
  //ensure that you won t slice at an index greater than news.length

  $scope.newsVisible = $scope.news.slice($scope.currentPosition, end);
}

顺便说一句，您可以在控制器初始化时调用此函数以初始化您的 newsVisible 数组。

 $scope.changeCurrent($scope.currentPosition);

你可以在这里查看http://jsfiddle.net/rrnJc/1/