AngularJS ng-include直接鏈接不起作用

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編譯後它就開始工作了。

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

刪除不需要的倒立COMM一個從"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 =預覽