Angularjs + Typecscript-Anweisung, die $ kompiliert

Question

Ich habe Probleme beim Injizieren von $ kompilieren in der folgenden Direktive.

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); 
    } 
} 

Im Moment ist es ein $ Kompilierung wirft undefiniert Fehler. Ich habe versucht mit

static $inject = ['$compile']; 

Aber es verschwindet aus dem transpiled Skript aus irgendeinem Grund.

Here ist der vollständige Code verwendet.

Answer 1

Also habe ich einen Weg gefunden, es zum Laufen zu bringen, aber es ist nicht so elegant, wie ich es mir gewünscht hätte.

Answer 2

Fügen Sie die static $inject und ein 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

diese Anweisung mit Winkel Um sich anzumelden, ist das, was ich immer tun (es gibt mehrere Lösungen):

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; 
    } 
} 

und zu registrieren:

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