Integration RequireJS in existing Angular ASP.NET application

Question

I have a task to integrate RequireJS to existing large ASP.NET application that already has AngularJS code.

The page already bootstraps AngularJS with ng-app='xxx' in master page. I'm trying to create a new controller that will loaded by RequireJS. In HTML I'm defining new div as following

<div ng-controller='someConroller'></div>

someConroller.js loaded by RequireJS after AngularJS has bootsraped, thus I got the following error:

"Argument 'someConroller' is not a function, got undefined"

The problem as I understand is that AngularJS has bootstraped, HTML is loaded, but 'someController' is still doesn't loaded.

How can I cause to AngularJS wait for controller will finish his loading?

Please note that I can't integrate routing.

Please, advise.

domakas · Accepted Answer · 2014-07-03 14:07:37Z

1

You need to bootstrap your project only when someContoller is loaded, so do this:

require(['someController'], function(){
    angular.bootstrap(document, ['xxx']);
});

in your main file and remove ng-app='xxx' in master page. What this does, it requires someController to be loaded before bootstraping you project.

answered Jul 3, 2014 at 14:07

domakas

1,2468 silver badges9 bronze badges

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

3 Comments

borismee Over a year ago

Since there is a lot of legacy code that includes other AngularJS code, I can't bootstrap AngularJS when someController is loaded.

domakas Over a year ago

AngularJS works with what's already loaded, it can't instantiate controller if there is none loaded. Since you are depending on someController loading, that's the only solution I can think of.. That's what requirejs is for - managing dependencies, providing modular entities and so on. In this case your dependency is someController so any code execution can be done only when this is loaded.

domakas Over a year ago

I would suggest either doing everything the old way, or everything in requirejs way. Using those two approaches together doesn't seem to work on my experience.

Collectives™ on Stack Overflow

Integration RequireJS in existing Angular ASP.NET application

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related