Angularjs does not load scripts within ng-view

by

That’s the way jqLite works. If you want scripts in templates to be evaluated, include jQuery before AngularJS. If jQuery is included, the script will be evaluated. Try removing jQuery, and you see the originally observed behavior.

Updated: since some people asked for elaboration in the comments, here it is:

When a route is matched, ngView uses jqLite’s (or jQuery’s, if loaded) html() method to set the content of the element (the one ngView is declared on). In other words, ngView.link() does something like this:

$element.html(template)

So it boils down to how html() is implemented in jqLite and jQuery. jqLite uses the native innerHTML property, which only sets content but doesn’t evaluate scripts. jQuery, on the other hand, parses out all script tags and executes them (by constructing and appending script DOM elements to the page).

More Related Contents:

  1. Can one AngularJS controller call another?
  2. How to pass parameters using ui-sref in ui-router to controller
  3. Way to ng-repeat defined number of times instead of repeating over array?
  4. How to set an iframe src attribute from a variable in AngularJS
  5. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  6. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  7. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  8. How to make ng-bind-html compile angularjs code
  9. Set active tab style with AngularJS
  10. Image loaded event in for ng-src in AngularJS
  11. Template does not update when using ui-router and ion-tabs
  12. AngularJS: Better way to watch for height change
  13. How do I disable the save password bubble in chrome using Javascript?
  14. How to remove an item from an array in AngularJS scope?
  15. CSS: Change parent on focus of child
  16. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  17. Print a div using javascript in angularJS single page application
  18. AngularJS – placeholder for empty result from filter
  19. Angular form validation ng-disabled not working
  20. Remove ‘All Files’ option from HTML file input
  21. angularjs custom filter to check for values inside a data array
  22. Webstorm: “Cannot Resolve Directory”
  23. AngularJS using $rootScope as a data store
  24. angularjs form reset error
  25. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  26. How can I invoke encodeURIComponent from angularJS template?
  27. Clear localStorage on tab/browser close but not on refresh
  28. Rename Object Key in an array using javascript
  29. multiple ui-view html files in ui-router
  30. Decode HTML entity in Angular JS

Leave a Comment