AngularJS- ng-hrefDirektive


Beispiel

Erstellen Sie ein Href mit AngularJS:

<div ng-init="myVar = 'https://www.w3schools.com'">
    <h1>Tutorials</h1>
    <p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn!</p>
</div>

Definition und Verwendung

Die ng-hrefDirektive überschreibt das ursprüngliche href-Attribut eines <a>-Elements.

Die ng-hrefDirektive sollte stattdessen verwendet werden, href wenn Sie AngularJS-Code innerhalb des href-Werts haben.

Die ng-hrefDirektive stellt sicher, dass der Link nicht unterbrochen wird, selbst wenn der Benutzer auf den Link klickt, bevor AngularJS den Code ausgewertet hat.


Syntax

<a ng-href="string"></a>

Unterstützt durch das <a>-Element.


Parameterwerte

Value Description
string A string value, or an expression resulting in a string.