Using Angular 1.x Directives with TypeScript

base-directive.ts

export default class BaseDirective {
    restrict: any;
    scope: any;
    template: any;
    transclude: any;
    require: any;
    compile: any;
    controller: any;
    bindToController: any;
    controllerAs: any;

    constructor({
        template = '',
        controller = false,
        restrict = 'E',
        scope = {},
        bindToController = true,
        transclude = false,
        compile = false,
        require = false
        }: {
        template?: any;
        controller?: any;
        restrict?: any;
        scope?: any;
        bindToController?: any;
        transclude?: any;
        compile?: any;
        require?: any
    } = {}) {
        this.restrict = restrict;
        this.scope = scope;
        this.template = template;
        this.transclude = transclude;

        if (controller || _.isObject(bindToController)) {
            this.setController(controller, bindToController);
        }

        if (require) {
            this.require = require;
        }

        if (compile) {
            this.compile = compile;
        }
    }

    private setController(controller, bindToController) {
        this.controller = controller;
        this.bindToController = bindToController;
        this.controllerAs = 'vm';
    }
}

dummy-name-directive.ts

import BaseDirective from 'utils/base-directive';

const template = require('html!./dummy-name-template.html');

export default class DummyNameDirective extends BaseDirective {
    constructor() {
        super({
            template,
            controller: DummyNameDirectiveController
        });
    }
}

class DummyNameDirectiveController {
    username: string;
    userId: number;

    constructor() {
    }

    aPublicMethod() {
        // do something
    }
}

index.ts

import DummyNameDirective from './dummy-name-directive';

require('./dummy-name.scss');

export default angular.module('AppName.dummyModule', [])
    .directive('dummyName', () => new DummyNameDirective())
    .name;