Угловой определить собственную директиву

В настоящее время я пытаюсь определить свою собственную директиву в Angular, которая не более чем console.log(). Я попробовал следующее:

log.directive.js:

export default function () {
    return {
        bindToController: {
            val: '=log-dir'
        },
        controllerAs: '$ctrl',
        template: "",
        controller: function () {
            console.log("test");
        }
    };
}

Затем я импортирую директиву:

import logDirDirective from '../../directives/log.directive';

и добавьте его в мой модуль:

angular.module(MODULE_NAME).directive('log-dir',logDirDirective);

И затем, в своем HTML, я пытаюсь использовать его как:

<div class="......" log-dir>
</div>

Теперь я ожидал увидеть test на консоли после загрузки, но я этого не делаю. Где ошибка?

PS: Пожалуйста, обратите внимание, что я относительно новичок в угловых и совершенно новых для самодельных директив, поэтому моя ошибка может показаться мне очень тривиальной.