Fatal编程技术网
  • javascript/
  • Javascript 无法禁用简单的a标记

Javascript 无法禁用简单的a标记

javascript html angularjs twitter-bootstrap

Javascript 无法禁用简单的a标记,javascript,html,angularjs,twitter-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,我找不到方法禁用li上的a标记。所有内容都显示为已禁用，但我仍然可以单击它 我正在使用AngularJS和Bootstrap 我应该如何禁用单击选项卡 vm.actions.documentsCompleted为false。李上的第一堂ng课效果很好。但我仍然可以点击标签 <li ng-class="{'disabled': !vm.actions.documentsCompleted}" class="nav-item"> <a ng-disabled="!vm.act

我找不到方法禁用li上的a标记。所有内容都显示为已禁用，但我仍然可以单击它

我正在使用AngularJS和Bootstrap

我应该如何禁用单击选项卡

vm.actions.documentsCompleted为false。李上的第一堂ng课效果很好。但我仍然可以点击标签

<li ng-class="{'disabled': !vm.actions.documentsCompleted}" class="nav-item">
   <a ng-disabled="!vm.actions.documentsCompleted" class="nav-link " id="risk-tab" data-toggle="tab" href="#risk" role="tab" aria-controls="contact" aria-selected="false"><span ng-class="{'d-none' : !saved.savedRisk}"><i class="far fa-check fa fa-sm"></i></span> Text</a>

  •
    • 根据引导文档，要禁用任何导航元素中的链接，应使用
    对于bootstrap v3。*您提供的代码应该可以按照文档中的说明工作。

    不起作用……您是否尝试过使用开发工具手动放置该类。另外，您使用的引导版本是什么？引导版本是3.3.7如果不检查角度代码，请尝试手动执行此操作以查看其是否有效，并查看虚拟机中的变量是否正确取决于您的使用情况，您可能可以通过使用
    按钮
    和
    btn链接
    类来逃脱。它看起来像一个链接，但行为像一个按钮，因此可以禁用它。

    <li class="nav-item">
<a ng-disabled="!vm.actions.documentsCompleted" class="nav-link" ng-class="{'disabled': !vm.actions.documentsCompleted}" id="risk-tab" data-toggle="tab" href="#risk" role="tab" aria-controls="contact" aria-selected="false"><span ng-class="{'d-none' : !saved.savedRisk}"><i class="far fa-check fa fa-sm"></i></span> Text</a>