排除点击 ui-sref

Question

我正在 AngularJS 中使用 u-router 制作表格。我使用 u-sref 创建了 5 个选项卡。当您单击 "continue" 时，我做了运行下一个选项卡，我使用 state.go。因此，我想关闭通过所谓的选项卡 ui-sref 单击和移动表单的功能。如何禁用点击书签的能力 ui-sref ?

示例：

<a ui-sref=".data" class="btn btn-primary">DATA</a>

Answer 1

您可以将 CSS 属性 pointer-events: none 添加到您的 <a> 标签中。 link 将无法再点击。

我更新了您在评论中提到的 Plunker，并进行了以下更改：

将classno-click-link添加到CSS:

.no-click-link {
  pointer-events: none;
}

将此 class 添加到 <a> 标签：

<div id="status-buttons" class="text-center">
  <a class="no-click-link" ui-sref-active="active" ui-sref=".profile"><span>1</span> Profile</a>
  <a class="no-click-link" ui-sref-active="active" ui-sref=".interests"><span>2</span> Interests</a>
  <a class="no-click-link" ui-sref-active="active" ui-sref=".payment"><span>3</span> Payment</a>
 </div>

排除点击 ui-sref

Exclusion click ui-sref

angularjs

angular-ui-router

ui-sref