ng-hrefDiretiva AngularJS


Exemplo

Faça um href usando 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>

Definição e uso

A ng-hrefdiretiva substitui o atributo href original de um elemento <a>.

A ng-hrefdiretiva deve ser usada em vez de href se você tiver código AngularJS dentro do valor href.

A ng-hrefdiretiva garante que o link não seja quebrado mesmo se o usuário clicar no link antes que o AngularJS tenha avaliado o código.


Sintaxe

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

Suportado pelo elemento <a>.


Valores de parâmetro

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