Angularjs-modules
提供:Dev Guides
AngularJS-モジュール
AngularJSはモジュラーアプローチをサポートしています。 モジュールは、サービス、コントローラー、アプリケーションなどのロジックを分離するために使用されます。 コードから、コードをクリーンに維持します。 モジュールを個別のjsファイルで定義し、module.jsファイルに従って名前を付けます。 次の例では、2つのモジュールを作成します-
- アプリケーションモジュール-コントローラでアプリケーションを初期化するために使用されます。
- Controller Module -コントローラーの定義に使用されます。
アプリケーションモジュール
これは、次のコードを含む_mainApp.js_という名前のファイルです-
ここでは、angle.module関数を使用してアプリケーション mainApp モジュールを宣言し、空の配列を渡します。 通常、この配列には依存モジュールが含まれます。
コントローラーモジュール
studentController.js
ここでは、mainApp.controller関数を使用してコントローラー studentController モジュールを宣言します。
モジュールを使用する
ここでは、ng-appディレクティブを使用してアプリケーションモジュールを使用し、ngcontrollerディレクティブを使用してコントローラーを使用します。 メインのHTMLページにmainApp.jsとstudentController.jsをインポートします。
例
次の例は、上記のすべてのモジュールの使用を示しています。
testAngularJS
mainApp.js
studentController.js
出力
ファイル_textAngularJS_をWebブラウザーで開きます。 結果をご覧ください。