超链接没有disabled属性。如果你不想要某些东西被链接，那么你需要移除<a>标签。

或者，你可以删除它的href属性-尽管这有其他的用户体验和可访问性问题，在下面的评论中指出，所以不建议。

在我的情况下，我使用

<a href="/" onClick={e => e.preventDefault()}>

我能够使用ng-href三元操作实现所需的结果

<a ng-href="{{[condition] ? '' : '/'}}" ng-class="{'is-disabled':[condition]}">123n</a>

在哪里

a.is-disabled{
   color: grey;
   cursor: default;

   &:hover {
      text-decoration: none;
   }
} 

<a>标签没有禁用属性，这只是为<input>s(和<select>s和<textarea>s)。

要“禁用”一个链接，你可以删除它的href属性，或者添加一个返回false的点击处理程序。

我们不能直接禁用它，但我们可以这样做:

添加类型=“按钮”。 删除href=""属性。 添加disabled属性，这样它就会显示通过更改游标而禁用游标并使游标变暗。

PHP的例子:

<?php
if($status=="Approved"){ 
?>
  <a type="button" class="btn btn-primary btn-xs" disabled> EDIT
     </a>
  <?php    
}else{
?>
  <a href="index.php" class="btn btn-primary btn-xs"> EDIT
    </a>
  <?php    
}
?>

适合我的变体:

<script>
  function locker(){
    if ($("a").hasClass("locked")) {
         $("a").removeClass('locked').addClass('unlocked');
         $("a").attr("onClick","return false");
    } else {
         $("a").css("onclick","true");
         $("a").removeClass('unlocked').addClass('locked');
         $("a").attr("onClick","");
    }
  }
</script>

<button onclick="locker()">unlock</button>

<a href="http://some.site.com" class="locked">
  <div> 
      .... 
  <div>
</a>