[英]Pass data into dynamic AngularJS controller
假設我們有一個容器,我們將在其中添加動態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"]);
那么問題是如何通過顯示b
而不是a
test
參數?
這是jsfiddle
使用編譯
$("#divContent").html(
$compile(
"<div id='divTest'>{{test}}</div>"
)(scope)
);
但是上述方法無法正常工作,因為控制器可能不可用。
做類似的事情:
然后將$ compile注入控制器。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.