Lets you set anchor tags that cause a full page reload instead of letting ngRoute handle the page-change

example.html

<!-- This link will be handled by ngRoute -->
<a href="/angularpage">AngularJS Link</a>

<!-- With directive, this link will cause a full page load and may be handled by your server -->
<a href="/railspage" trd-external>Rails Link</a>

<!-- Manually, this link will cause a full page load and may be handled by your server -->
<a href="/railspage" target="_self">Rails Link</a>

trdExternal.js

angular.module('tdConsoleApp')
.directive('trdExternal', function () {
  'use strict';
  return {
    restrict: 'A',
    link: function (scope, iElement) {
      iElement.attr('target', '_self');
    }
  };
});