AngularJS - dynamic event adding

by samu_eyes

HTML

<div ng-app="miniapp" ng-controller="Ctrl">

<div id="div" ng-click="addingEvent()">DIV </div>
  
<div id="paste">penampung </div>
  

</div>

JavaScript

var $scope;
var app = angular.module('miniapp', []);

function Ctrl($scope, $compile) {
 
      $scope.addingEvent = function(){
     
   var myEl = angular.element( document.querySelector( '#paste' ) );
		myEl.append($compile('<a ng-click="afterEvent()" href="#">anchor addedd </br> </a>')($scope)); 
   
    };
     $scope.afterEvent = function(){
       alert('after event');
    };
            
};