AngularJS che aggiunge ng-click nella direttiva

Question

Sto implementando la direttiva drag'n'drop. Su goccia ho aggiungere una copia di elemento alla mia div e aggiungere ng-click attributo in questo modo:

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

Ad esempio, nel controllo ho

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

E non funziona. Se aggiungo manualmente questo pulsante sulla pagina, funziona correttamente.

Answer 1

Immagino che sia necessario compilare il nuovo modello in modo che AngularJS lo riconosca. I documenti forniscono un buon esempio su come utilizzare ng.$compile.

La clonazione può essere fatto allora in questo modo:

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

Answer 2

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