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>

排除点击ui-sref

1 个答案: