将逻辑转移到控制器

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时，只需slice新闻数组。可能的代码可能是：

$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);
}

BTW你可以在控制器初始化时调用这个函数，以便初始化你的newsVisible数组。

 $scope.changeCurrent($scope.currentPosition);

您可以在此处查看http://jsfiddle.net/rrnJc/1/