Question

我有一个页面，其中有几个标签，我使用angular + bootstrap。我最初使用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

Angular bootstrap用于手动初始化Angular文档或元素。 https://docs.angularjs.org/guide/bootstrap

Angular不能在元素上多次初始化。是否有理由不使用ng-app？

进行自动初始化

Answer 2

听起来您可以使用模块ngRoute并应用attirbute ng-view而不是尝试两次引导来获益。

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

如何使用angular.bootstrap两次？

2 个答案: