ng-click not working in dynamically created content

by

you need to add $compile service here, that will bind the angular directives like ng-click to your controller scope.Something like:

var divTemplate="..your div template";
var temp = $compile(divTemplate)($scope);

Then append it to the HTML: 

angular.element(document.getElementById('foo')).append(temp);

You can also bind the event to the div as following:

 var div = angular.element("divID");
 div.bind('click', $scope.addPhoto());

More Related Contents:

  1. Controller not a function, got undefined, while defining controllers globally
  2. How do I share $scope data between states in angularjs ui-router?
  3. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  4. Losing scope when using ng-include
  5. How to do two-way filtering in AngularJS?
  6. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  7. $watch an object
  8. ion-content and ion-footer have different $scope
  9. Update parent scope variable in AngularJS
  10. Angularjs: call other scope which in iframe
  11. Angularjs: ‘controller as syntax’ and $watch
  12. Dynamic form name attribute in Angularjs
  13. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  14. AngularJS: open a new browser window, yet still retain scope and controller, and services
  15. Confirmation dialog on ng-click – AngularJS
  16. Genuinely stop a element from binding – unbind an element – AngularJS
  17. Ionic Framework: $scope is undefined in simple alert
  18. Scope issues with Angular UI modal
  19. AngularJS using $rootScope as a data store
  20. What is the difference between $scope.$root and $rootScope?
  21. Angular controller scope not updating after jQuery ajax call
  22. AngularJS event on window innerWidth size change
  23. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  24. orderBy array item value in Angular ng-repeat
  25. Binding ng-model inside ng-repeat loop in AngularJS
  26. How to make POST requests with the FormData API
  27. AngularJS abort all pending $http requests on route change
  28. Reason for using array notation when defining AngularJS Controller
  29. What is the difference between Polymer elements and AngularJS directives?
  30. $resource callback (error and success)

Leave a Comment