排除单击ui-sref

Question

我正在使用AngularJS中的u路由器编写一个表单。我使用using创建了5个选项卡。我运行了下一个选项卡，当您单击“继续”时，我使用state.go。因此，我想关闭通过所谓的标签ui点击和移动表单的能力。如何禁用单击书签ui-sref的能力？

示例：

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

Answer 1

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

我用以下更改更新了您在评论中提到的柱塞：

向CSS添加类no-click-link：

.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>