如何引導多個模塊顯示在與Angular.js相同的頁面

我看過Google groups,angularjs.org以及一些嚴重的谷歌搜索，但我沒有找到任何明確的例子或解釋我正在嘗試做什麼。如何引導多個模塊顯示在與Angular.js相同的頁面

我想要做的是將我的應用程序分解成使用多個模塊的視圖。我知道從網上閱讀你需要手動引導，但我仍然沒有得到它寫

我目前有2個模塊「thermostatApp」和「PeopleApp」，我想附加他們自己的容器如下所示：

<div id="thermostatApp_container"> 
    <div data-ng-include="'modules/thermostat/thermostat.html'"/> 

    </div> 

    <div id="peopleApp_container"> 
    <div data-ng-include="'modules/people/people.html'"/> 

    </div>

我試圖做的是引導每個容器元素，像這樣：

angular.element($('#peopleApp_container')).ready(function() { 
     angular.bootstrap($('#peopleApp_container'), ['peopleApp']); 
     }); 

angular.element($('#thermostatApp_container')).ready(function() { 
     angular.bootstrap($('#thermostatApp_container'), ['thermostatApp']); 
     });

這不是爲我工作，我知道你可以使用的模塊陣列連接多個模塊，但你如何指定一個元素來引導它？是否可以做我所描述的內容？如果不是，最好的方法是什麼？我確實希望保持模塊儘可能分開。

來源

2013-07-24 jonnie

所以你想讓這兩個模板在同一頁面上？ – CodyBugstein

我覺得很傻！我不需要附加到特定的元素，我只是附加到文檔，並通過一系列模塊，如下所示：

angular.element(document)).ready(function() { 
    angular.bootstrap(document, ['peopleApp','thermostatApp']); 
});

來源

2013-07-24 14:37:30 jonnie

偉大的問答，喬尼。我只是有兩個問題：** 1）** *這是否改變了你的模塊（或其他任何東西）的範圍是以任何方式 - 即關於事件？* ** 2）** *你是否能夠引導到特定的容器？如果是這樣，這是否以任何方式改變範圍界定？* – Cody

如何引導多個模塊顯示在與Angular.js相同的頁面

回答

相關問題