In AngularJS, any inline javascript code that included in HTML templates doesn’t work

by

jQlite does not support script tags. jQuery does, so the recommendation is to include jQuery if you need this functionality.

From Angular’s Igor Minar in this discussion:

we looked into supporting script tags in jqlite, but what needs to be
done to get a cross-browser support involves a lot of black magic. For
this reason we decided that for now we are just going to recommend
that users use jquery along with angular in this particular case. It
doesn’t make sense for us to rewrite one third of jquery to get this
working in jqlite.

Here’s the related github issue jqLite should create elements in same way as jQuery where Igor sums up, before closing the issue, with this:

This is too much craziness for jqlite, so we are not going to do it.
Instead we are going to document that if you want have script elements
in ng:include or ng:view templates, you should use jquery.

demo plunker with jquery

More Related Contents:

  1. Can one AngularJS controller call another?
  2. How to pass parameters using ui-sref in ui-router to controller
  3. How to set an iframe src attribute from a variable in AngularJS
  4. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  5. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  6. Losing scope when using ng-include
  7. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  8. How to pass parameters using ui-sref in ui-router to the controller
  9. How to make ng-bind-html compile angularjs code
  10. What is the correct syntax of ng-include?
  11. Ternary operator in AngularJS templates
  12. angularjs to output plain text instead of html
  13. AngularJS – ng-disabled not working for Anchor tag
  14. Set active tab style with AngularJS
  15. Image loaded event in for ng-src in AngularJS
  16. AngularJS: Better way to watch for height change
  17. How do I disable the save password bubble in chrome using Javascript?
  18. How to remove an item from an array in AngularJS scope?
  19. CSS: Change parent on focus of child
  20. Angularjs does not load scripts within ng-view
  21. Print a div using javascript in angularJS single page application
  22. AngularJS – placeholder for empty result from filter
  23. Remove ‘All Files’ option from HTML file input
  24. Webstorm: “Cannot Resolve Directory”
  25. angularjs form reset error
  26. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  27. How can I invoke encodeURIComponent from angularJS template?
  28. Clear localStorage on tab/browser close but not on refresh
  29. Rename Object Key in an array using javascript
  30. Decode HTML entity in Angular JS

Leave a Comment