Angular js - require js file from view using lazy load

Question

How can i include multiple js files in lazy load, so when page finished to load and angular has been executed?

I tryed with a custom directive and the code looks like: //html

<ng-lazy-load data-type="script" data-src='["file.js"]'></ng-lazy-load>

//directive

.directive('ngLazyLoad', [function () {
    return {
      restrict: 'E',
      templateUrl:'views/modules/module_lazy_load.html',
      scope:true,
      link: function ($scope, element, attr) {
        if(attr.type === 'script'){
          $scope.src = JSON.parse(attr.src);
        }

      }
    };
  }]);

//directive view

<script ng-if="src" ng-repeat="path in src" src="{{path}}"></script>

//file.js to be included in lazy load

alert('daf***');

@mpm so no way to conditionally call js files from template right? — Filippo oretti
– Filippo oretti, Commented May 12, 2014 at 14:00
there is always a way it is just javascript after all.the question is ,does it make sense to do that. But you can still append a script to the body element in pure javascript. — mpm
– mpm, Commented May 12, 2014 at 14:06

Sten Muchow · Accepted Answer · 2014-05-12 14:01:14Z

1

I dont think so, as script is loaded before angular can take over.

How about a directive that can check your stuff and then you can $document.write the script to the index.html?

Have the controller in charge of the scope variable be injected into the directive, then it can write to the html conditionally.

answered May 12, 2014 at 14:01

Sten Muchow

6,7314 gold badges38 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sten Muchow Over a year ago

we had some dirty nasty code that did this in a disgusting JS file, but if its included in a directive then why not - as its localized to one area and scope.

Filippo oretti Over a year ago

sure i agree just waiting for morep eople to answer or comment so that we can have more feedbacks about it

Filippo oretti Over a year ago

later i'll try with a directive cause i like this approach, if it works and no best alternatives i'll tell you thanks :)

Kos · Accepted Answer · 2014-05-12 14:04:59Z

0

Nay. It's a temporally inconsistent idea: A script tag is executed when it's encountered while parsing the DOM. What would it even mean to "switch it off" later? It will have already been executed by then.

answered May 12, 2014 at 14:04

Kos

72.7k28 gold badges173 silver badges239 bronze badges

1 Comment

Filippo oretti Over a year ago

if you create a new DOM element when page is ready, i guess it get parsed and executed also if its <script> tag nope? i don't need to switch off just to switch it on when i want ( if possible )

Collectives™ on Stack Overflow

Angular js - require js file from view using lazy load

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related