Angular directive to generate a normal link and another one to be opened in a new window/tab from a URL.

directive.js

angular.module('LinkWidget')
	.directive('linkWidget', function() {
		var directive = {
			template: '<span><a ng-href="{{ url }}" target="_blank" class="external-link add-tooltip" title="{{ blankTitle }}"><i class="icon-external-link"></i></a> ' + 
				'<a ng-href="{{ url }}">{{ text }}</a></span>',
			replace: true,
			restrict: 'EA',
			scope: {
				url: '@url',
				text: '@text',
				blankTitle: '@blankTitle'
			},
			controller: ['$scope', function($scope) {
				$scope.blankTitle = $scope.blankTitle || 'Open in a new window or tab';
			}]
		};

		return directive;
	});

usage.html

<!-- Depends on FontAwesome to display the external-link icon. -->

<link-widget url="http://manoderecha.mx" text="A project management web app."></link-widget>