angular.bootstrap을 두 번 사용하는 방법은 무엇입니까?

Question

나는 탭이 거의없고 각도 + 부트 스트랩을 사용하는 페이지가 있습니다. 처음에는 angular.bootstrap을 사용합니다. 그런 다음 탭 중 하나에 다른 데이터 세트를 표시하는 또 다른 컨트롤러가 있습니다. angular.bootstrap을 다시 사용하려고하면 두 번 부트 스트랩 할 수없는 오류가 발생합니다. 간단하게하려면 다음 코드를 고려하십시오.

<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 

는 gototest1의 페이지는이

<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> 

여기 angular.bootstrap 사용하는 가장 좋은 방법은 무엇입니까처럼 보인다?

Answer 1

각도 부트 스트랩은 문서 또는 요소의 각도를 수동으로 초기화하는 데 사용됩니다. https://docs.angularjs.org/guide/bootstrap

각도를 한 요소에서 두 번 이상 초기화 할 수 없습니다. ng-app을 사용하여 자동 초기화를 사용하지 않는 이유가 있습니까?

Answer 2

ngRoute 모듈을 사용하고 두 번 부트 스트랩을 시도하는 대신 attirbute ng-view을 적용하면 도움이 될 것 같습니다. 당신이 angular.bootstrap과 뜻 무엇

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