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

unidades/04_masdirectivas/03_nghref.txt · Última modificación: 2014/07/31 14:00 por admin
Ir hasta arriba
CC Attribution-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0
Esta web utiliza cookies, puedes ver nuestra la política de cookies, aquí Si continuas navegando estás aceptándola
Política de cookies +