Исключение клика ui-sref

Question

Я работаю над формой, используя u-router в AngularJS. Я создал 5 вкладок, используя u-sref. Я запускаю следующую вкладку, когда вы нажимаете "продолжить", я использую 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>