在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樹。 這通常是在指令中完成的。