directive.js

'use strict';

var directives = angular.module('login.directive', []);

directives.directive('login', ['$rootScope', '$compile', '$http', '$templateCache',
  function($location, $rootScope, $compile, $http, $templateCache) {

  ... 

  definition.link = function postLink(scope, element, attrs) {

    scope.$watch('client', function(value) {
      init();
      compile();
    });

    var init = function() {
      scope.template = scope.template || 'views/templates/default.html';
    }

    var compile = function() {
      var loader = $http.get(scope.template, {cache: $templateCache});

      var promise = loader.success(function(html) {
        element.html(html);
      }).then(function (response) {
        element.replaceWith($compile(element.html())(scope));
        console.log(element.html());
      });
    };

    scope.$on('login:template', function(event, template) {
      scope.template = template;
      compile(scope);
    });
  };

  return definition
}]);