Mi código se ve así:

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

Quiero hacerlo para que cuando access.authenticated sea falso, no se pueda hacer clic en el enlace. Lo que pensé fue cambiar el enlace a un botón y luego diseñarlo como un enlace. Sin embargo, esto no funciona ya que un botón no hace que cambie la URL de la 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>

¿Alguien puede decirme cómo puedo hacer lo que necesito?