How to use angular.bootstrap twice?

Question

I have a page where there are few tabs and I use angular+bootstrap. I use angular.bootstrap initially. Then I have another controller for showing different set of data in one of the tabs. when I try to use angular.bootstrap again, I get the error it cannot be bootstrapped twice. To make it simple, consider the following code.

    <div id="mainpage" ng-controller="mainPageController">
    <ul>

    <li id="test1"> <a href="gototest1"> GoToTest1  </li>
    <li id="test2"> <a href="gototest2"> GoToTest2 </li>

    </ul>
    </div>


<div id="gototest1"> 
this is some sample. I have another html page here which will be loaded as a tab
</div

The page for gototest1 looks like this

    <div ng-controller="gototestcontroller>
    Here comes the another widget from another controller and 
I try to use angular.boostrap here again. And I get the error because it is already bootstrapped in mainPage

    </div>

What is the best way to use angular.bootstrap here?

what do you mean with angular.bootstrap?, where is the error I cant see it — bto.rdz
– bto.rdz, Commented Sep 7, 2014 at 22:31

Fergal · Accepted Answer · 2014-09-07 23:05:14Z

0

Angular bootstrap is used to manually initialize an Angular the document or an element. https://docs.angularjs.org/guide/bootstrap

Angular cannot be initialized more than once on an element. Is there a reason you don't use automatic initialization, using ng-app?

answered Sep 7, 2014 at 23:05

Fergal

2,4744 gold badges36 silver badges49 bronze badges

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

Comments

justin.m.chase · Accepted Answer · 2015-03-21 23:20:24Z

0

It sounds like you could benefit from using the module ngRoute and applying the attirbute ng-view instead of trying to bootstrap twice.

https://docs.angularjs.org/api/ngRoute

answered Mar 21, 2015 at 23:20

justin.m.chase

13.7k9 gold badges61 silver badges111 bronze badges

Collectives™ on Stack Overflow

How to use angular.bootstrap twice?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related