с помощью директивы в ng-bind-html

Question

Im пытается вызвать директиву для изменения вида на основе моей вкладки.

Моя директива:

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

и мой контроллер:

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

и ДИВ Im пытается изменить

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

Im пытается нажать на вкладку, чтобы показать overviewPage.html стр. Но он не работает должным образом.

Любое предложение, как я только начал с angularjs

Спасибо.

Answer 1

Это не сработает, ng-bind-html будет просто вставлять HTML в дерево DOM без запуска директив AngularJS для обработки.

Если вы хотите вставить «живой» HTML в DOM, где все директивы «живут», вы должны сначала скомпилировать его (http://docs.angularjs.org/api/ng. $ Compile), а затем подключиться к дереву DOM. Обычно это делается в директиве.