AngularJS + JQuery : How to get dynamic content working in angularjs

by

You need to call $compile on the HTML string before inserting it into the DOM so that angular gets a chance to perform the binding.

In your fiddle, it would look something like this.

$("#dynamicContent").html(
  $compile(
    "<button ng-click='count = count + 1' ng-init="count=0">Increment</button><span>count: {{count}} </span>"
  )(scope)
);

Obviously, $compile must be injected into your controller for this to work.

Read more in the $compile documentation.

More Related Contents:

  1. Update Angular model after setting input value with jQuery
  2. ng-click not working from dynamically generated HTML
  3. How can I run a directive after the dom has finished rendering?
  4. from jquery $.ajax to angular $http
  5. What does AngularJS do better than jQuery? [closed]
  6. Accessing clicked element in angularjs
  7. jQuery ui datepicker with Angularjs
  8. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  9. AngularJS: $viewContentLoaded fired before partial view appears
  10. How to subtract two angularjs date variables
  11. How do I get the offset().top value of an element without using jQuery?
  12. jQuery and AngularJS: Bind Events to Changing DOM
  13. Problems with jQuery autocomplete + AngularJS
  14. Using jQuery’s $.ajax within an angularJS controller
  15. How can I get the ID of an element using jQuery?
  16. Stop all active ajax requests in jQuery
  17. Difference between $.ajax() and $.get() and $.load()
  18. keypress, ctrl+c (or some combo like that)
  19. can jqgrid support dropdowns in the toolbar filter fields
  20. jQuery $(this) keyword
  21. Accessing functions bound to event handlers with jQuery
  22. how to prevent blur() running when clicking a link in jQuery?
  23. adding jQuery click events to dynamically added content
  24. Does jQuery have a handleout for .delegate(‘hover’)?
  25. jQuery trigger when 2/3s of div are in viewport
  26. Can Fancybox be responsive only horizontally for tall content?
  27. Force a checkbox to always submit, even when unchecked
  28. How can I disable a button in a jQuery dialog from a function?
  29. Use jQuery to check mousewheel event without scrollbar
  30. How is AngularJS different from jQuery

Leave a Comment