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和angular.element的html代码。

Answer 1

如果您必须附加HTML，则需要访问$compile服务。然后编译HTML，并将其链接到具有您要执行的函数的范围：

$scope.atualizarHistorico = function(...

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