कोणीय में सेवा के माध्यम से निर्देश संकलित करें

Question

मैं कोणीय सेवा के माध्यम से निर्देश संकलित करने की कोशिश कर रहा हूं लेकिन दुर्भाग्यवश यह काम नहीं करता है। विचार पॉपअप में त्रुटियों को दिखाने के लिए है।

मैं संशोधित किया $ exceptionHandler सेवा:

crm.factory('$exceptionHandler', function(popup) { 
    return function(exception) { 
     popup.open({message: exception}); 
    } 
}); 

पॉपअप सेवा इस तरह दिखता है:

crm.factory('popup', function ($document) { 
    return { 
     open: function (data) { 
      var injector = angular.element(document).injector(), 
       $compile = injector.get('$compile'), 
       template = angular.element('<popup></popup>'); 

      // var ctmp = $compile(template.contents()); 
      $compile(template.contents()); 

      $document.find('body').append(template); 
     } 
    }; 
}); 

और मुझे नहीं लगता कि यह है कि इस के लिए एक अच्छा विचार था हार्ड कोड $ संकलित सेवा (लेकिन मुझे कोई विचार नहीं है कि इसे कोणीय में कैसे महसूस किया जाए):

$compile = injector.get('$compile') 

पॉपअप निर्देश:

crm.directive('popup', function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     templateUrl: '/public/js/templates/common/popup.html', 
     link: function() { 
      console.log('link()'); 
     }, 
     controller: function() { 
      console.log('ctrl()'); 
     } 
    }; 
}); 

हो सकता है वहाँ यह करने के लिए कुछ अन्य तरीकों से कर रहे हैं? धन्यवाद।

Answer 1

आप अपनी सेवा में सीधे $compile इंजेक्षन कर सकते हैं, यह भी आप काफी सही ढंग से $compile उपयोग नहीं कर रहे:

//commented alternative lines for allowing injection and minification since reflection on the minified code won't work 
//crm.factory('popup', ['$document', '$compile', function ($document, $compile) { 
crm.factory('popup', function ($document, $compile) { 
    return { 
     open: function (data) { 
      var template = angular.element('<popup></popup>'), 
       compiled = $compile(template); 

      $document.find('body').append(compiled); 
     } 
    }; 
}); 
//closing bracket for alternative definition that allows minification 
//}]);