Как я могу сделать мою ссылку AngularJS отключенной?

Мой код выглядит так:

    <a ng-disabled="!access.authenticated"
            data-ng-class="{ 'current': $state.includes('home'), 'disabled': !access.authenticated } "
            href="/home/overview"
            title="Home">
        <i class="fa fa-home fa-fw"></i>
    </a>

Я хочу сделать так, чтобы когда access.authenticated был false, тогда ссылка не могла быть нажата. Я подумал о том, чтобы изменить ссылку на кнопку, а затем оформить ее как ссылку. Однако это не работает, так как кнопка не приводит к изменению URL страницы.

    <button ng-disabled="!access.authenticated"
            data-ng-class="{ 'current': $state.includes('home'), 'disabled': !access.authenticated } "
            href="/home/overview"
            title="Home">
        <i class="fa fa-home fa-fw"></i>
    </button>

Может кто-нибудь сказать мне, как я могу делать то, что мне нужно?

Ответы на вопрос(3)

Ваш ответ на вопрос