javascript - ng-click 和 ng-change 不起作用

Question

我正在使用 angular.element(document).find(id).html(code) 制作 html 代码，代码中有 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);