將數據傳遞到動態AngularJS控制器

Question

讓我們想象一下，我們有一個容器到這裏，我們將增加動態HTML（與angular指令）

<div id="divContent"></div> 

document.getElementById("divContent").innerHTML = '<div id="divTest" ng-controller="TestCtrl">{{test}}</div>'; 

下面是一些虛擬控制器的代碼：

angular.module("TestApp", []).controller("TestCtrl", function($scope) 
                 { 
                  $scope.test = "a"; 
                 }); 

要初始化Angular我們將使用bootstrap：

angular.bootstrap(document.getElementById("divTest"), ["TestApp"]); 

所以問題是如何通過test參數，它顯示b而不是a？

這裏是jsfiddle

Answer 1

使用compile

$("#divContent").html(
     $compile(
     "<div id='divTest'>{{test}}</div>" 
    )(scope) 
); 

但上面不會工作，因爲控制器不提供可能。

做這樣的事情：

，並注入$編譯到控制器。