將AngularJS指令設置爲來自控制器的DOM節點

Question

我試圖重現的想法是從控制器設置角度指令（'ng-show'）。

我嘗試做了下：

var node = `<div ng-show="this.length > 5">...</div>`; 
 
var child = document.createElement('span'); 
 
child.innerHTML = node; 
 
document.querySelector('.container').appendChild(child);

它是一個被添加到DOM樹之前設置指令對DOM節點有道？

Answer 1

您需要使用AngularJS的$compile服務與角指令動態添加HTML在HTML頁面這樣

app_module.controller('appController', function ($scope, $compile) { 
    var node = `<div ng-show="this.length > 5">...</div>`; 
    var child = document.createElement('span'); 
    child.innerHTML = node; 
    $compile(document.querySelector('.container').appendChild(child))($scope); 
}); 

的$compile服務將重新編譯AngularJS模板和檢測新增ng-show 。