AngularJS - 是否有可能從代碼編譯和鏈接模板？

Question

如何使以下代碼在文檔中附加？

var $injector = angular.injector(['ng']); 

$injector.invoke(function ($compile, $rootScope) { 
    var link = $compile('<p>{{1+1}}</p>'); 
    var newElement = link($rootScope); 

    $(document.body).append(newElement); 
}); 

我現在看到瀏覽器是

{{1+1}} 

編輯

我想加入到body元素，而不僅僅是進行插值靜態的HTML，而是成爲一個角度應用程序 - 以便它反映範圍的變化，具有事件處理程序等。

Answer 1

您需要綁定到$scope而不是$rootScope，行更改爲

function ctrl($scope) { 
    var $injector = angular.injector(['ng']); 

    $injector.invoke(function ($compile) { 
     var link = $compile('<p>{{1+1}}</p>'); 
     var newElement = link($scope); 
     $(document.body).append(newElement); 
    }); 
} 

或者，你可以使用$interpolate模塊。

function ctrl($scope, $interpolate) { 
    var $injector = angular.injector(['ng']); 
    $injector.invoke(function ($compile) { 
     var link = '<p>{{1+1}}</p>'; 
     var exp = $interpolate(link)({}); 
     $(document.body).append(exp); 
    }); 
}