javascript - 在 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

谢谢。

score 1 · Accepted Answer

这不起作用，ng-bind-html只会将 HTML 插入到 DOM 树中，而不会触发要处理的 AngularJS 指令。

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

1 回答 1