使用Requirejs在底部加载JavaScript

Question

I've been trying to implement this POST . But i have seen that using RequireJs either in head or in the bottom, it always loads the dependent javascript files in the head. Is there any way i can force RequireJs to always load the dependent scripts at the bottom??

The problem i am trying to solve is: I want to load specific controller depending on the route. But i have been defining ng-controller="MyCtrl" attribute in the views. So when the all the dependent scripts and specific controller loads its not able to find the ng-controller attribute and gives me the following error:

Error: [ng:areq] Argument 'MyCtrl' is not a function, got undefined 

Is this the issue or am i missing something else here?

Answer 1

Most asynchronous loaders would load the scripts in head. There is practically no advantage in trying to load anything in the bottom at this point now that the DOM has already been parsed. So whether you add require.js in the head or bottom it should not matter.

About the error you are getting:-

Are you using something like resolve: resolveController('/app/controllers/customersController.js') and included routeResolver.js

Answer 2

If you don't want to load the script in header you could "require" the "require" function and then require the module whatever you want to use:

define(['require'], function(require){

    ...

    var ctrl = require('path/to/your/controller');

});