在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指令进行处理。

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