Angularjs + टाइपस्क्रिप्ट निर्देश $ compile

Question

लागू करने के निर्देश में मुझे निम्नलिखित निर्देश में $ संकलन इंजेक्शन देने में समस्याएं हैं।

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

फिलहाल यह एक $ संकलन फेंक रहा है अपरिभाषित त्रुटि है। मैंने

static $inject = ['$compile']; 

का उपयोग करने का प्रयास किया है लेकिन यह कुछ कारणों से पारदर्शी लिपि से गायब हो जाता है।

Here पूर्ण कोड का उपयोग किया गया है।

Answer 1

तो मुझे इसे काम करने के लिए एक रास्ता मिला लेकिन यह उतना ही सुरुचिपूर्ण नहीं है जितना मुझे पसंद आया।

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

Answer 2

static $inject और एक 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); 
    } 
} 

संपादित

कोणीय साथ इस निर्देश को पंजीकृत करने के, यह क्या मैं हमेशा है (वहाँ कई समाधान कर रहे हैं):

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

और पंजीकरण करने के लिए:

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