5

私はGoogleグループ、angularjs.org、およびいくつかの深刻なGoogleを見てきましたが、私がやろうとしていることの明確な例や説明が見つかりません.

私がやろうとしているのは、アプリケーションを複数のモジュールを使用してビューに分割することです。オンラインで読んだことから、手動でブートストラップする必要があることはわかっていますが、まだ書き込みができていません

現在、「thermostatApp」と「PeopleApp」の 2 つのモジュールがあり、以下に示す独自のコンテナーにそれらをアタッチしたいと考えています。

<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']);
       });

これは私にとってはうまくいきません。モジュールの配列を使用して複数のモジュールをアタッチできることは知っていますが、ブートストラップする要素をどのように指定しますか? 私が説明していることを行うことは可能ですか？そうでない場合、それにアプローチする最良の方法は何ですか？モジュールをできるだけ分離したいのです。

4

1 に答える 1

7

私はとてもばかげていると感じます！特定の要素にアタッチする必要はありませんでした。ドキュメントにアタッチして、次のようにモジュールの配列を渡しただけです。

angular.element(document)).ready(function() {
    angular.bootstrap(document, ['peopleApp','thermostatApp']);
});
于 2013-07-24T14:37:30.473 に答える