2014-10-02 70 views
0

我有一个内置的HTML和Angular.js工具的问题。 基本上该网站建成,它应该存储在页面上15个条目的方式,然后按“下一步”,在接下来的15项应列出,工作正常。保持上创建一个额外的空白页“下一步”

但是,当你在最后一页(当没有更多的条目),它会自动创建另一个“下一页”,这是空的。

我在Angular.js一个新手,我现在是卡。

$scope.loadCharters = function() { 
     var keys = []; 
     _.each($scope.sessions, function (sess) { 
      sess.checked && keys.push(sess.key); 
     }); 
     charterFactory.getChartersBySession(keys, function (charters) { 
      $scope.charters = charters; 
      $scope.filterCharters(); 
     }, 15, ($scope.page - 1) * 15); 
    }; 

    $scope.nextPage = function() { 
     if ($scope.charters && $scope.charters.length) { 
      $scope.page++;  
      $scope.loadCharters(); 
     } 
    }; 

这是应该列出页面(15项/页)功能。但我不明白为什么它不断创建+1空?

任何帮助将appriciated。

+0

并可以显示模板?下一个按钮显示的条件是什么? – 2014-10-02 09:49:27

+0

你需要一些代码来检查你是否在最后一页。现在你只需增加页面,然后重新读取。抓取将在最后一个记录后开始,并返回空。 介绍一个变量,让你知道你在你的最后一页! – 2014-10-02 09:50:29

回答

0

将会有一个HTML模板某处具有与属性的元素:

ng-click="nextPage()" 

它来捕获点击。您需要将另一个属性添加到元素,看起来像:

ng-disabled="page*15 >= charters.length" 

这应该从当你在最后一页上被点击禁用的元素。