如何在現有的應用程序內添加角度js模塊

Question

我想在現有的代碼中添加角度JS模塊。我實際上正在嘗試在其中添加一段新的代碼。工作流程就像這樣。當一個按鈕被點擊時，JS採用一個模板並將其添加到dom中。在這個添加的模板中，我想插入新的角JS模塊。我正在嘗試在模塊內部顯示hello world，但沒有成功。

比方說，一個按鈕被按下時，我加入下面的標籤這是通過的jQuery或JavaScript添加的DOM

<div patient-details ng-controller='patientDetailsCtrl' id='patientDetails'></div> 

。我如何使它與下面的指令

angular.module('patientDetailsModule',[]) 
.directive('patientDetails',function($compile){ 
    return{ 
     //restrict: 'E', 
     template: "<div>Hello World!!!{{name}}</div>" 
    }; 
}); 

Answer 1

您需要使用$ compile。 $ compile（）將確保您的html代碼片段中的所有Angular代碼將被編譯爲！

這裏是一個例子。

http://plnkr.co/edit/7Wr3oAtvZ8cn31uFFEOs?p=preview

• 從發送消息NC-點擊指令

• 指令接收消息，編譯HTML並追加新要素

    var template = "<div patient-details ng-controller='patientDetailsCtrl' id='patientDetails'>Element added</div>"; 
        var newElement = angular.element(template); 
        $compile(newElement)(scope); 
        element.append(newElement); 
        // can also use element.replaceWith(newElement);