4.3 ng-href

La directiva ng-href cumple una función similar a ng-src. Evita que se pueda pinchar en un enlace <a> con una expresión de AngularJS antes de que ésta se haya resuelto.

Veamos un ejemplo:

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
  </head>

  <body ng-controller="PruebaController">
    <a href="{{url}}" >Pincha aqui</a>
    <a ng-href="{{url}}" >Pincha aqui</a>
    
    <script src="script.js"></script>    
  </body>

</html>

Linea 9: Al usar el atributo href el usuario podría pinchar antes de que se resuelva , lo que le llevaría a la URL ”{{url}}”, URL que ovbiamente no existe.
Línea 10: Usando la directiva ng-href no se puede pinchar en el link hasta que AngularJS lo haya resuelto.

var app = angular.module("app", []);

app.controller("PruebaController", function($scope) {
  $scope.url = "https://www.google.es";
});

Línea 4: Ponemos en el $scope.url la dirección del enlace.

Referencias

ng-href

unidades/04_masdirectivas/03_nghref.txt · Última modificación: 2014/07/31 14:00 por admin

Ir hasta arriba