AngularJS ng-include в directcive link не работает

Question

Я создал директиву со ссылкой, которая содержит элемент с ng-include. Но этот элемент с ng-include не работает. Кто-нибудь знает, почему не работает?

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

Вы добавили не c ompiled его, после компиляции он работает.

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

Вот link

Answer 2

Удаление нежелательных одного перевернутой комлинк а из "page2.html'"); в "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);    
     } 
    }; 
}); 

Лучше использовать http://jshint.com/ или http://jslint.com/

Answer 3

здесь ист мой пример: plnkr.co/edit/2yuYESDYCyyb0j8ccMvE?p = предварительный просмотр