<!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>
var app = angular.module("app", []);
 
app.controller("PruebaController", function($scope) {
  $scope.url = "https://www.google.es";
});
Ejemplo de directiva ng-href