javascript - 在 <a> 标签中禁用 AngularJS ng-click

Question

我可以使用 ng-disabled 禁用按钮在 AngularJS 中。

<button ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1">
   Previous
</button>

但是当我使用 <a> 时我怎么能做同样的事情呢？标签？

这是行不通的

<a ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1">
   Previous
</a>

Answer 1

安<a>标签没有禁用状态。看这里:http://www.w3schools.com/tags/tag_a.asp

所以你必须有一个条件来检查 currentPage变量应该改变。

您可以使用自 Angular 1.1.5 以来可用的三元运算符。

<a ng-click="currentPage = currentPage ? currentPage - 1 : 0">
   Previous
</a>

条件基本上是说 currentPage如果 currentPage 应为 0为0，如果不为0，则currentPage - 1 .

请注意，Angular 并不热衷于在 HTML 中包含控制流语句，请参阅此处的无控制流语句 https://docs.angularjs.org/guide/expression .您应该创建一个像这样的函数:

<a ng-click="prevPage();">
   Previous
</a>

然后在你的 Controller 中定义它:

$scope.prevPage = function(){
    if ($scope.currentPage > 0) $scope.currentPage = $scope.currentPage - 1;
};