Özel direktifi doğru

Question

ben açısal -outside yüklemeye çalışıyorum yüklenmemiş dinamik özel direktifi ancak özel direktifi ben şöyle $compile kullandık rağmen yüklü değil

function showresultcust() { 
angular.injector(['ng']).invoke(['$compile', 
    function ($compile) { 
     var scope = angular.element(document.getElementById("test1")).scope(); 
     var _html = '<div>{{name}}-</div><div mydirective >Not Succeed</div>'; 
     //var _html='<div >{{loaded}}</div>'; 
     var obj = $('#content'); 
     $('#content').html($compile(_html)(scope)); 
     // compile!!! 
     $compile(obj.contents())(scope); 
     scope.$digest(); 
     setTimeout(function() { 
      scope.$apply(); 
     }); 
    } 
]); 
} 

dinamik HTML {{name}} doğru yerleştirildiğinden emin unutmayın: burada

app.directive('mydirective',function(){ 
    return { 
    template: '<div>Succeeded !</div>', 
    } 
}) 

ve Burası dinamik yönergesi yükleme am ly, ama özel direktif değil. Tüm demo, this 'plnkr.co' link

Eğer düzeltmeyi doğrudan yukarıdaki 'plnkr' bağlantısında yapabiliyorsanız, bunu takdir ediyorum.

Answer 1

Kod, ng modülünün bir parçası olmadığından, mydirective yönergesini derlemiyor. Direktifi içeren modülü yeni enjektörün bağımlılık listesine ekleyin.

//NOT this 
//angular.injector(['ng']).invoke(['$compile', 

//Do this 
angular.injector(['ng','tumblr']).invoke(['$compile', 
    function ($compile) { 
     var scope = angular.element(document.getElementById("test1")).scope(); 
     var _html='<div>{{name}}-</div><div mydirective >Not Succeed</div>'; 
     $('#content').html($compile(_html)(scope)); 
     scope.$apply(); 
    } 
]); 
} 

angular.injector işlevi her zaman yeni bir enjektör oluşturur ve bu bağımlılık listesindeki tüm bağımlılıklarını ihtiyacı vardır.