[解決済み】AngularJSのコントローラファイルを別々に作成する方法は?
2022-03-27 06:50:56
質問
AngularJSのすべてのコントローラをcontrollers.jsという1つのファイルにまとめています。 このファイルは以下のような構造になっています。
angular.module('myApp.controllers', [])
.controller('Ctrl1', ['$scope', '$http', function($scope, $http) {
}])
.controller('Ctrl2', ['$scope', '$http', function($scope, $http) }
}])
Ctrl1とCtrl2を別々のファイルにしたいのですが、どうすればいいですか? そして、両方のファイルをindex.htmlにインクルードしたいのですが、どのように構成すればよいのでしょうか? このようなことをやってみたのですが、ウェブブラウザのコンソールで、コントローラが見つからないというエラーが投げられました。 何かヒントがあれば教えてください。
StackOverflowで検索したところ、同様の質問を見つけました。しかし、この構文はAngularの上に別のフレームワーク(CoffeeScript)を使用しているため、フォローすることができませんでした。
AngularJS:複数のファイルでコントローラを作成する方法
どのように解決するのですか?
ファイル1
angular.module('myApp.controllers', []);
ファイル2
angular.module('myApp.controllers').controller('Ctrl1', ['$scope', '$http', function($scope, $http){
}]);
ファイル3
angular.module('myApp.controllers').controller('Ctrl2', ['$scope', '$http', function($scope, $http){
}]);
この順番でインクルードします。モジュール宣言が独立したものになるように、3つのファイルを推奨します。
フォルダ構造については、多くの意見がありますが、以下の2つが良いと思います。
関連
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] GUID / UUIDの作成方法
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】'useState' が定義されていない no-undef React