AngularJS: How to make angular load script inside ng-include?

by

The accepted answer won’t work from 1.2.0-rc1+ (Github issue).

Here’s a quick fix created by endorama:

/*global angular */
(function (ng) {
  'use strict';

  var app = ng.module('ngLoadScript', []);

  app.directive('script', function() {
    return {
      restrict: 'E',
      scope: false,
      link: function(scope, elem, attr) {
        if (attr.type === 'text/javascript-lazy') {
          var code = elem.text();
          var f = new Function(code);
          f();
        }
      }
    };
  });

}(angular));

Simply add this file, load ngLoadScript module as application dependency and use type="text/javascript-lazy" as type for script you which to load lazily in partials:

<script type="text/javascript-lazy">
  console.log("It works!");
</script>

More Related Contents:

  1. Is it feasible for a start-up of two developers to do full automated regression testing without manual testing? [closed]
  2. Why don’t the AngularJS docs use a dot in the model directive?
  3. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  4. AngularJS For Loop with Numbers & Ranges
  5. Joining data between paths based on id using AngularFire
  6. Prevent double curly brace notation from displaying momentarily before angular.js compiles/interpolates document
  7. How to disable animations in protractor for angular js application
  8. Submit form on pressing Enter with AngularJS
  9. How come Angular doesn’t update with scope here?
  10. Can I make a function available in every controller in angular?
  11. Handle HTTP 302 response from proxy in angularjs
  12. How can I pass some data from one controller to another peer controller [duplicate]
  13. Understanding what it takes to remove the hash # from angular routes
  14. How to refresh / invalidate $resource cache in AngularJS
  15. Angular – ui-router get previous state
  16. Running AngularJS initialization code when view is loaded
  17. AngularJs Remove duplicate elements in ng-repeat
  18. How would I have ui-router go to an external link, such as google.com?
  19. How to highlight a current menu item?
  20. AngularJS All slashes in URL changed to %2F
  21. Lazy loading AngularJS modules with RequireJS
  22. ng-options with simple array init
  23. stop angular-ui-router navigation until promise is resolved
  24. AngularJS check if form is valid in controller
  25. Multiple Module in Angularjs
  26. WebAPI CORS with Windows Authentication – allow Anonymous OPTIONS request
  27. Ui-Router $state.go inside $on(‘$stateChangeStart’) is cauzing an infinite loop
  28. AngularJS Service Passing Data Between Controllers
  29. AngularJS: Uncaught Error: [$injector:modulerr] Failed to instantiate module?
  30. AngularJS – Directives vs Controllers

Leave a Comment