Directive example

gistfile1.ts

/// <reference path="../../app.ts"/>

module Foo.AddBarAuditLink {

    class Controller {

        barId: number;

        constructor($scope, $modal) {

            $scope.open = () => {
                $modal.open({
                    template: "<bar-audit-editor bar-id='" + this.varId + "'></bar-audit-editor>",
                    size: 'lg'
                });
            }
        }

    }

    interface IDirectiveScope extends ng.IScope {
        ctrl: Controller;
    }

    interface IAttributes extends ng.IAttributes {
        barId: number
    }

    var directiveFactory = () => ({
        template: "<a href=\"#\" ng-click=\"open()\">Add Audit</a>",
        controller: Controller,
        controllerAs: "ctrl",
        link(scope: IDirectiveScope, element: ng.IAugmentedJQuery, attrs: IAttributes) {
            scope.ctrl.barId = attrs.barId;
        }
    });

    Fams.app.directive("addBarAuditLink", directiveFactory);

}

The interface declarations are optional