menú
buscar
¡Esta es una revisión vieja del documento!
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
hrefel usuario podría pinchar antes de que se resuelva , lo que le llevaría a laURL{{url}}”, URL que ovbiamente no existe. * Línea 10: Usando la directivang-hrefno se puede pinchar en el link hasta que AngularJS lo haya resuelto. <sxh js;title:script.js;highlight: [4];> var app = angular.module(“app”, []); app.controller(“PruebaController”, function($scope) { $scope.url = “https://www.google.es”; }); </sxh> * Línea 4: Ponemos en el$scope'' el nombre del fichero a cargar.
Referencias
Ir hasta arriba
