1. ホーム
  2. アンギュラー

[解決済み】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を使用してそれを行うことが可能ですか、それとも手動で行わなければなりませんか?

どのように解決するのですか?

モジュールの一部としてコンポーネントを作成するには、次のようにします。

  1. ng g module newModule を使ってモジュールを生成します。
  2. cd newModule にディレクトリを変更します。 newModule フォルダ
  3. ng g component newComponent で、モジュールの子としてコンポーネントを作成します。

UPDATE: Angular 9

コンポーネントを生成する際に、どのフォルダにいるかは問題にならないようになりました。

  1. ng g module NewMoudle を使ってモジュールを生成します。
  2. ng g component new-module/new-component でNewComponentを作成します。

注:Angular CLIはnew-module/new-componentを見ると、new-module -> NewModule と new-component -> NewComponentに一致するように理解し、大文字小文字を変換しています。最初のうちは混乱するかもしれませんので、簡単な方法は、#2 の名前をモジュールとコンポーネントのフォルダ名と一致させることです。