Angularjs Ng-click Event On Ajax-loaded Element Not Firing

I'm having trouble getting a click event to fire from some content that is loaded via ajax. Not seeing either console.log from the following code: myApp.controller('MainController'

Solution 1:

The simplest way I believe is to employ ngInclude directive and use your template url as src value of this direcive:

<divclass="modal"><divclass="modal-cover"></div><divclass="modal-container"><divclass="modal-close"ng-click="closeModal()"></div><divclass="modal-content-container"ng-includesrc='modalContentUrl'></div></div></div>

And controller's code:

$scope.modalContentUrl = '';

  $scope.openModal = function(name) {
    $scope.showModal = true;
    $scope.modalContentUrl = '/template/fetch?name=' + name;
  };

Plunker