AngularJS添加ng-click in指令

Question

我正在實現拖放指令。 在放下時，我將元素的副本添加到div中，並向其附加ng-click屬性，如下所示：

copy.append('<button class="close" ng-click="abc()">&times;</button>');

例如，在控制器中

$scope.abc = function () {
    alert('Hello!');
}

而且它不起作用。 如果我在頁面上手動添加此按鈕，則效果很好。

Answer 1

copy.append('<button class="close" ng-click="abc()">&times;</button>');
$compile(copy)($scope);

Answer 2

我猜您確實需要編譯新模板，以便AngularJS識別它。 該文檔為您提供了有關如何使用ng.$compile的好示例。

然后可以像這樣進行克隆：

var templateHTML = angular.element('<p>{{total}}</p>'),
    scope = ....;

var clonedElement = $compile(templateHTML)(scope, function(clonedElement, scope) {
  //attach the clone to DOM document at the right place
});