在ng-bind-html中使用指令

Question

我試圖調用一個指令來根據我的標籤點擊來改變視圖。

我的指令：

Proj.directive('tab1', function() { 
    return { 
     restrict:'E', 
     templateUrl:'partials/overviewPage.html' 
    }; 
}); 

和我的控制器：

$scope.selectTab = function(tab){ 
     if(tab == 'something'){ 
      $scope.content = '<tab1></tab1>'; 
     } 
    } 

和DIV我試着改變

<div ng-bind-html="content"></div> 

我試着點擊標籤，顯示overviewPage.html頁。但它沒有正常工作。

任何建議，因爲我剛剛開始與angularjs

謝謝。

Answer 1

這不起作用，ng-bind-html只會插入HTML DOM樹，而不會觸發AngularJS指令進行處理。

如果您希望在DOM中插入「live」HTML，其中所有指令都是「live」，您必須先編譯它（http://docs.angularjs.org/api/ng。$ compile），然後附加到DOM樹。這通常在指令中完成。