Self contained directive

gistfile1.txt

'use strict';

var angular = require('angular');

function LoginFormDirective ($compile) {

	return {
		restrict: 'E',
		link: function (scope, element) {

			var el = angular.element(require('./loginFormTemplate.html'));
			el = $compile(el)(scope);
			angular.element(element[0]).append(el);

		}
	};

};

LoginFormDirective.$inject = ['$compile'];

module.exports = LoginFormDirective;

Why not this?

return {
    restrict: 'E',
    template: require('./loginFormTemplate.html'),
    link: function (scope, element) {
        // template already compiled!
    }
};