ng-click 不工作角度 1.2答案

【问题标题】：ng-click is not working angular 1.2ng-click 不工作角度 1.2
【发布时间】：2017-05-12 13:32:20
【问题描述】：

我的代码是：

var tr = $event.currentTarget;      
var el = angular.element("<tr class='detailed-document'><td colspan='3' ng-click='alert();'>Hello</td></tr>");      
var elements = document.getElementsByClassName("detailed-document");
while(elements.length > 0) {
    elements[0].parentNode.removeChild(elements[0]);    
}   
angular.element(tr).after(el);

【问题讨论】：

你知道ng-include的任何细节吗？
他为什么看 ng-include 为什么？ OP 询问为什么 ng-click 不起作用？
使用$compile 将$scope 与您的DOM 元素绑定。
这个链接可以帮助你stackoverflow.com/questions/19267979/…
ng-click 在摘要期间进行编译和链接。您似乎尝试直接进行 DOM 操作。尝试了解 angularjs 指令。

标签： angularjs dynamic html-table

【解决方案1】：

您需要在此处添加 $compile 服务，它将诸如 ng-click 之类的角度指令绑定到您的控制器范围。类似于：

var divTemplate = '..your div template';
var temp = $compile(divTemplate)($scope);

然后将其附加到 HTML：

angular.element(document.getElementById('foo')).append(temp);

引用自：ng-click not working in dynamically created content

【讨论】：