Javascript 在ng-bind-html中使用指令

Javascript 在ng-bind-html中使用指令,javascript,angularjs,directive,ng-bind-html,Javascript,Angularjs,Directive,Ng Bind Html,我正在尝试调用一个指令,根据我的选项卡单击来更改视图 我的指示: Proj.directive('tab1', function() { return { restrict:'E', templateUrl:'partials/overviewPage.html' }; }); 和我的控制器: $scope.selectTab = function(tab){ if(tab == 'something'){

我正在尝试调用一个指令,根据我的选项卡单击来更改视图

我的指示:

Proj.directive('tab1', function() {
    return {
        restrict:'E',
        templateUrl:'partials/overviewPage.html'
    };
});
和我的控制器:

$scope.selectTab = function(tab){
        if(tab == 'something'){
            $scope.content = '<tab1></tab1>';
        }
    }
$scope.selectTab=函数(选项卡){
如果(tab==“某物”){
$scope.content='';
}
}
还有我想换的部门

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

我正在尝试单击选项卡以显示overviewPage.html页面。但它不能正常工作

有什么建议吗,我刚开始讲angularjs


谢谢。

这行不通,
ng bind html
只会将html插入DOM树,而不会触发要处理的AngularJS指令

如果要将“live”HTML插入DOM,其中所有指令都是“live”的,那么必须先编译它(.$compile),然后附加到DOM树。这通常在指令中完成