angularjs - 排除点击 ui-sref

Question

我正在使用 AngularJS 中的 u-router 处理表单。我使用 u-sref 创建了 5 个选项卡。当您单击“继续”时，我确实运行了下一个选项卡，我使用 state.go。因此，我想通过所谓的选项卡 ui-sref 关闭单击和移动表单的功能。如何禁用单击书签 ui-sref 的功能？

例子：

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

Answer 1

您可以将 CSS 属性添加pointer-events: none到您的<a>标签。该链接将不再可点击。

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

no-click-link向 CSS添加类：

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

将此类添加到<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>