在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只会在不触发AngularJS指令处理的情况下将HTML插入DOM树。

如果要将“实时”HTML插入到DOM中，其中所有指令都是“实时”，则必须先编译它（http://docs.angularjs.org/api/ng。$ compile）然后附加到DOM树。这通常是在指令中完成的。