La directiva ng-href se usa cuando tenemos una expresión angular dentro del valor href. Si se usa el atributo href, entonces el problema es que si se hace clic en el enlace antes de que AngularJS haya reemplazado la expresión con su valor, entonces puede ir a una URL incorrecta y el enlace se romperá y lo más probable es que devuelva un error 404 mientras ng- La directiva href verifica que el enlace no esté roto incluso si se hace clic en el enlace antes de la evaluación del código por parte de AngularJS.
Sintaxis:
<element ng-href="addr"> content ... </element>
Donde addr se refiere a la string que contiene la expresión angular.
Ejemplo:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/
1.6.9/angular.min.js"></script>
<body ng-app="" style="text-align:center">
<div ng-init="url = 'https://www.geeksforgeeks.org/'">
<h1 style="color:green">GeeksforGeeks</h1>
<h2>ng-href Directive</h2>
<p>Go to <a ng-href="{{url}}">GeeksforGeeks</a></p>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA