Angularjs + direttiva Typescript che implementa $ compile

Question

Ho problemi nell'iniettare $ compilare nella seguente direttiva.

export class Element { 
    public link(scope:dirScopeInterface, element:any, attrs:ng.IAttributes, formCtrl:ng.IFormController) { 
     var attr = this.arrayJoiner(scope.standard, scope.attrs || {}, scope.ignore || {}); 
     element.html(this.compiler(attr)); 
     $compile(element.contents())(scope); 
    } 
} 

Al momento il lancio di $ compilazione è un errore non definito. Ho provato a utilizzare

static $inject = ['$compile']; 

Ma per qualche motivo scompare dallo script transpiled.

Here è il codice completo utilizzato.

Answer 1

Quindi ho trovato un modo per farlo funzionare ma non è elegante come avrei voluto.

angular.module('formDirectives', [], function($compileProvider){ 
    $compileProvider.directive('catElement', ($compile) => { 
     return new Element($compile); 
    }); 
}) 

Answer 2

Includere il static $inject e un constructor:

export class Element { 

    // $compile can then be used as this.$compile 
    constructor(private $compile: ng.ICompileService){}; 

    public link(scope:dirScopeInterface, element:any, attrs:ng.IAttributes, formCtrl:ng.IFormController) { 
     var attr = this.arrayJoiner(scope.standard, scope.attrs || {}, scope.ignore || {}); 
     element.html(this.compiler(attr)); 
     this.$compile(element.contents())(scope); 
    } 
} 

EDIT

Per registrarsi questa direttiva con angolare, questo è quello che faccio sempre (ci sono più soluzioni):

export class Element implements angular.IDirective { 

    public static ID = "element"; 

    // This can then be removed: 
    // static $inject = ["$compile"]; 

    // .. 

    /** 
    * The factory function that creates the directive 
    */ 
    static factory(): angular.IDirectiveFactory { 
     const directive = ($compile) => new Element($compile); 
     directive.$inject = ["$compile"]; 
     return directive; 
    } 
} 

e per registrarsi:

angular.module("myModule" []) 
    .directive(Element.ID, Element.factory());