AngularJS - ng-disabled 不适用于 Anchor 标签

Question

我正在使用 ng-disabled，我喜欢它。它对我的输入和按钮很有用。对于锚标签不起作用。我该如何解决？

HTML code

 <a ng-disabled="addInviteesDisabled()">Add</a>

JS code

   $scope.addInviteesDisabled = function() {
      return $scope.event.status === APP_CONSTANTS.STATUSES.PENDING_APPROVAL;
  };

原文由 user4870812 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

超链接没有禁用属性。你可以这样做：

 .disabled {
  cursor: not-allowed;
}

<a ng-click="disabled()" ng-class="{disabled: addInviteesDisabled()}">Add</a>

$scope.disabled = function() {
  if($scope.addInviteesDisabled) { return false;}
}

原文由 Bazinga 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以创建一个 linkDisabled css 类，并将其应用于您的锚点：

 <style>

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}

</style>

原文由 paul 发布，翻译遵循 CC BY-SA 3.0 许可协议