角度ng-单击三元条件

时间:2015-02-20 17:23:38

标签: html angularjs

我正在使用“下一步”按钮制作分页系统。 “下一步”按钮应该会增加page.currentPage变量,但是当它达到最大值numPagesTotal时,它不会执行任何操作。

如何将此条件添加到以下ng-click表达式中:

<a ng-click="page.currentPage = page.currentPage + 1">Next</a>

我认为我需要在block时设置为true的另一个page.currentPage === numPagesTotal变量,并执行以下操作:

<a ng-click="block || page.currentPage = page.currentPage + 1">Next</a>

如何在block

中设置ng-click

jsFiddle,供参考

3 个答案:

答案 0 :(得分:1)

您正在接近问题。您甚至不需要额外的block变量。就这样做:

<a ng-click="page.currentPage === numPagesTotal || (page.currentPage = page.currentPage + 1)">next</a>

但为了清晰起见,我建议在控制器中做出这个决定:

$scope.next = function(){
   if ($scope.page.currentPage < $scope.numPagesTotal){
      $scope.page.currentPage++;
   }
}

然后调用该函数:

<a ng-click="next()">next</a>

答案 1 :(得分:0)

我认为这可以做你想要的。

<a ng-click="page.currentPage >= numPagin || (page.currentPage=page.currentPage+1)">next</a>

答案 2 :(得分:0)

这可能对您有所帮助

{{(curPage * pageSize)+1}} - {{records = pageSize&gt; count?count:(curPage == pagesCount-1)? count:{{count}}

的{curPage + 1)* pageSize}}