javascript - Loading angularjs dynamically and generating controllers and scope - Stack Overflow

admin管理员组

文章数量:1313925

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'],
    plete: function(){ console.log('plete');}
});

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.

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'],
    plete: function(){ console.log('plete');}
});

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.

• javascript
• dynamic
• angularjs
• dom-manipulation

Share Improve this question Follow asked Sep 10, 2012 at 21:07 ritcoderritcoder 3,2941010 gold badges4545 silver badges6363 bronze badges 2

• 1 docs.angularjs/guide/bootstrap shows you how to do manual bootstrap. – 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 ment as an answer so I accept it? Thanks. – ritcoder Commented Sep 11, 2012 at 6:45

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Angularjs guide page would help you.

http://docs.angularjs/guide/bootstrap

There is a description how to do the manual bootstrapping.

本文标签： javascriptLoading angularjs dynamically and generating controllers and scopeStack Overflow