AngularJS - это правильный путь для написания директивы?

Я пытался объявить директиву, это, по-видимому, правильно, но когда я загружаю его в html, ничего не происходит.

Это код:

(function() {
    'use strict';

    var app = angular
        .module('App');

    app.directive('directiveFunction', directiveFunction);

    function directiveFunction(){
        return {
            restrict: 'EA',
            replace: true,
            template: '<div>Example</div>',
            controller: directiveController,
            controllerAs: 'example',
            bindToController: true,
            link: linkFunction
        }
    }

    linkFunction.$inject = ['$scope', 'elem', 'attrs', 'ctrl'];

    function linkFunction(scope, element, attrs, ctrl) {}

    function directiveController() {
        var example = this;
    }

})();

Я называю это в html как <directive-function></directive-function> но ничего не делает.