獲取Angular指令的編譯內容

Question

我想在Angular指令中獲取呈現的內容。這裏是我的代碼：

的Javascript：

app.controller('appCtrl', function($scope){ 
    $scope.items = [1,2,3,4] 
}); 
app.directive('pane', function($interpolate, $compile){ 
    return { 
     restrict: 'E', 
     scope:true, 
     link: function(scope, element, attrs){ 
      var text = element.html(); 
      var content = $interpolate(text)(scope); 
      alert(content);    
     } 
    } 
}); 

HTML：

<div ng-controller='appCtrl'> 
<pane> 
    <span ng-repeat="item in items">{{item}}, </span> 
</pane> 
</div> 

所以，但是當我運行它，我只得到 「」 在警告對話框

PS：我試圖按照this answer，但它不工作

Answer 1

你應該嘗試從第e編譯功能。

例如：

app.directive('pane', function($interpolate, $compile){ 
    return { 
     restrict: 'E', 

     compile: function(tElement, attrs){ 

      var content = tElement.children(); 
      console.log(tElement); 
      $(tElement).empty(); 
      for(i=1;i<10;i++){ 
       console.log(1); 
       tElement.append(content.clone()); 
      } 
      return { 
       post: function(scope, element, attrs){ 
        console.log(scope.items); 
       } 
      } 
     }, 

    } 
});