Wie kann ich meinen AngularJS-Link deaktivieren?

Mein Code sieht so aus:

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

Ich möchte, dass der Link nicht angeklickt werden kann, wenn access.authenticated false ist. Was ich dachte, war, den Link zu einer Schaltfläche zu ändern und ihn dann wie einen Link zu gestalten. Dies funktioniert jedoch nicht, da eine Schaltfläche keine Änderung der Seiten-URL bewirkt.

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

Kann mir jemand sagen, wie ich tun kann, was ich brauche?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage