AngularJS ng-include in directive Link funktioniert nicht

Question

Ich habe eine Direktive mit Link-Funktion erstellt, die ein Element mit ng-include enthält. Aber dieses Element mit ng-include funktioniert nicht. Weiß jemand, warum nicht funktioniert?

app.directive('helloWorld', function() { 
    return { 
     link: function (scope, elem, attrs) {  
      var div = document.createElement('div'); 
      div.setAttribute('ng-include', "page2.html'"); 
      elem.append(div);    
     } 
    }; 
}); 

Answer 1

Sie haben nicht c hinzugefügt ompiled es, nach dem Kompilieren funktioniert es.

app.directive('helloWorld',['$compile', function ($compile) { 
    return { 
     link: function (scope, elem, attrs) {  
      var div = document.createElement('div'); 
      div.setAttribute('ng-include', "'page2.html'"); 
      elem.append(div); 

      $compile(div)(scope); 
     } 
    }; 
}]) 

ist hier link

Answer 2

entfernen unerwünschte einzigen invertierten comm ein von "page2.html'"); zu "page2.html");

app.directive('helloWorld', function() { 
    return { 
     link: function (scope, elem, attrs) {  
      var div = document.createElement('div'); 
      div.setAttribute('ng-include', "page2.html"); 
      elem.append(div);    
     } 
    }; 
}); 

besser nutzen http://jshint.com/ oder http://jslint.com/

Answer 3

hier mein Beispiel IST: plnkr.co/edit/2yuYESDYCyyb0j8ccMvE?p = Vorschau