[解決済み】Angular-CLIでコンポーネントを作成し、特定のモジュールに追加する。
2022-04-09 19:54:48
質問
私はangular-cliを使い始め、私がやりたいことについての答えを見つけるためにすでに多くを読みました...成功しなかったので、私はここに来ました。
新しいモジュールにコンポーネントを作成する方法はありますか?
例
ng g module newModule
ng g component newComponent
(このコンポーネントをnewModuleに追加する方法は?)
なぜなら、angular-cli のデフォルトの動作は、すべての新しいコンポーネントを
app.module
. 私は、自分のコンポーネントをどこに置くかを選択したいと思います。
app.module
. angular-cliを使用してそれを行うことが可能ですか、それとも手動で行わなければなりませんか?
どのように解決するのですか?
モジュールの一部としてコンポーネントを作成するには、次のようにします。
-
ng g module newModule
を使ってモジュールを生成します。 -
cd newModule
にディレクトリを変更します。newModule
フォルダ -
ng g component newComponent
で、モジュールの子としてコンポーネントを作成します。
UPDATE: Angular 9
コンポーネントを生成する際に、どのフォルダにいるかは問題にならないようになりました。
-
ng g module NewMoudle
を使ってモジュールを生成します。 -
ng g component new-module/new-component
でNewComponentを作成します。
注:Angular CLIはnew-module/new-componentを見ると、new-module -> NewModule と new-component -> NewComponentに一致するように理解し、大文字小文字を変換しています。最初のうちは混乱するかもしれませんので、簡単な方法は、#2 の名前をモジュールとコンポーネントのフォルダ名と一致させることです。
関連
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] Visual Code で未定義のプロパティ 'thisCompilation' を読み取ることができません。
-
[解決済み] ActivatedRouteSnapshot の注入ができない。
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] Angular2の$document.ready()に相当します。
-
[解決済み] Angular 2の「コンポーネント」は既知の要素ではありません。
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angular CLI のグローバルバージョンがローカルバージョンより大きい
-
[解決済み] Angular CLI SASSオプション
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ERR_INVALID_HTTP_RESPONSEをAngular 7とASP.Net Core 2.2を使ってGoogle Chromeブラウザーで使用する場合
-
[解決済み】Angularで実際のエラーメッセージの代わりに「Http failure response for (unknown url): 0 Unknown Error」が表示されるのですが。
-
[解決済み] Angular2 Router: Error: Cannot find primary outlet to load 'InboxComponent'.
-
[解決済み] イオン4オブザーバブル
-
[解決済み] Angular 2.0 翻訳パイプが見つかりません。
-
[解決済み] AngularのmatSortがソートされない
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] なぜ mat-tables matRowDef は 2 つの変数を含むのですか?
-
[解決済み] Angularで電話番号の入力をフォーマットする