Basic Authentication with AngularJS - Login Dialog directive definition

loginDialog-directive.js

angular.module('app').directive('loginDialog', function () {
    return {
        templateUrl: 'app/templates/loginDialog.html',
        restrict: 'E',
        replace: true,
        controller: 'CredentialsController',
        link: function (scope, element, attributes, controller) {
            scope.$on('event:auth-loginRequired', function () {
                console.log("got login event");
                element.modal('show');
            });

            scope.$on('event:auth-loginConfirmed', function () {
                element.modal('hide');
                scope.credentials.password = '';
            });
        }
    }
});