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
});