Loading angularjs dynamically and generating controllers and scope

Question

I want to use angular in an app except that angular is not loaded by default with the app. When a particular button is clicked, a new div is created and I want to use angular on that div.

I'm loading angular using yepnode as shown in the code below:

yepnope({
    test:window.angular,nope: ['/filesystem/content/js/angular.js'],
    complete: function(){ console.log('complete');}
});

Given that I've loaded angular and I have access to the div as $div, my next action will be

1. Create some html and use it as the innerHTML of $div
2. Create a controller (from another file eg /filesystem/controllers/abc.js
3. bind $div to controller and scope.

Not really sure how to proceed since in all my examples, I started with a page with angular loaded at started together with putting the ng-app tag on the html.

After loading angularjs, what are the next steps?

Thank you.

docs.angularjs.org/guide/bootstrap shows you how to do manual bootstrap. — Tosh
– Tosh, Commented Sep 10, 2012 at 21:38
@toshshimayama: Exactly what I needed. Was able to bootstrap $div. Now looking at the controller. Can you post your comment as an answer so I accept it? Thanks. — ritcoder
– ritcoder, Commented Sep 11, 2012 at 6:45

Tosh · Accepted Answer · 2012-09-11 07:53:04Z

7

Angularjs guide page would help you.

http://docs.angularjs.org/guide/bootstrap

There is a description how to do the manual bootstrapping.

answered Sep 11, 2012 at 7:53

Tosh

36k11 gold badges67 silver badges58 bronze badges

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

Collectives™ on Stack Overflow

Loading angularjs dynamically and generating controllers and scope

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related