Meu código fica assim:

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

Quero fazer com que, quando access.authenticated for false, o link não possa ser clicado. O que eu pensei foi mudar o link para um botão e depois estilizá-lo como um link. No entanto, isso não funciona, pois um botão não altera o URL da página.

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

Alguém pode me dizer como posso fazer o que preciso?