ng-click和ng-change不起作用

Question

我正在用angular.element(document).find(id).html(code)制作html代碼， code var中有ng-click和ng-change。 編寫html代碼時，應該可以正常工作，並分析生成的html代碼：

使用angular.element生成的代碼：

<a style="cursor:pointer" title="Atualizar" ng-click="atualizarHistorico(303456)"><i class="mdi-action-autorenew small"></i></a>

但是，當我單擊按鈕時，它沒有執行功能atualizarHistorico()

我正在生成這樣的東西：

var return = '<a style="cursor:pointer" title="Atualizar" ng-click="atualizarHistorico(303456)"><i class="mdi-action-autorenew small"></i></a></div>';
angular.element(document).find('#' + id).html(return);

僅在這種情況下不起作用 ，帶有ng-click和ng-change的html代碼是由angular.element生成的。

Answer 1

如果必須附加HTML，則需要訪問$compile服務。 然后編譯HTML，並將其鏈接到具有您要執行的功能的作用域：

$scope.atualizarHistorico = function(...

var return = // HTML
var compiledAndLinked = $compile(return)($scope);
angular.element(document).find('#' + id).html(compiledAndLinked);