簡體   English   中英

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

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM