2016-04-18 10 views
2

私は、複数のモジュールで角型のアプリケーションを構築しています。各モジュールは、John PapaのAngularスタイルガイドで推奨されているように、ビューコンポーネント(すべてのビューコンポーネントを持つ1つの巨大なモジュールを持つのではなく)です。以前、私はちょうど...

angular.module('app').config(<config for all client routes and their controllers>) 

を行うことができたしかし、私は、コントローラは今、別のモジュール上にあるので、私はこれを行うことができないことに気づきました。私は私のappモジュールで定義されていない任意の経路に移動したときに、私は空のページを参照してください、しかし

angular.module('app.<modulename>').config(<config for app.modulename routes and its controllers>); 

ので、$routeProviderのためのようだ:だから、私は、それぞれのファイルに$ routeProviderログインをオフに分割しました他のモジュールは動作していないようです。 ng-viewを複数のモジュールで共有するにはどうすればよいですか?

+0

を経由してあなたがそれらを構成し、含ま

angular.module('app.module1', ['ngRoute']) .config(function($routeProvider) { ... }) angular.module('app.module2', ['ngRoute']) .config(function($routeProvider) { ... }) 

あなたは 'アプリを含めています。 'アプリケーション'、['app.module1'、 'app.module2'、 'etc']) 'のようなメインアプリケーションモジュールの依存関係配列には' 'モジュールがあります。 '$ routeProvider'を必要とするモジュールについては、依存リストに' ngRoute'を含めていますか? – Phil

+0

@Phil ah、良い呼び出し、私はモジュールの依存関係を一覧表示するのを忘れて、 'ngRoute'ではなく' $ routeProvider'を注入しました。それを回答として投稿できますか?また、$ injectorエラーが表示されたようです。「app。」は利用できません。私は何が欠けているすべてのアイデア?私はindex.htmlファイルにそのスクリプトのリファレンスを掲載しました – PDN

+0

@Philは気にせず、2番目の部分はスニペットの誤植によるものです...ありがとう!私は受け入れることができるように答えとしてあなたのコメントを提出してください:) – PDN

答えて

3

モジュールを構成するには、依存モジュールを使用してメインアプリケーションモジュールにモジュールを含める必要があります。たとえば、次のモジュールを持っていると言う...

angular.module('app', ['app.module1', 'app.module2']) 
関連する問題