Angularのコンポーネントを追加する(ng generate component [コンポーネント名])

Angularでコンポーネントを追加するには、ng generate component コマンドを使います。

以下の例では、「component_name」という名前でコンポーネントを作成します。

> ng generate component component_name

上記コマンドを実行すると、Angularアプリのルートディレクトリからsrc/app /以下に「component-name」という名前でディレクトリが作られます。

ディレクトリ内には以下のファイルが作られます。

  • component-name.component.css … コンポーネントに適用されるスタイルシート
  • component-name.component.html … コンポーネントのテンプレートhtml
  • component-name.component.spec.ts … テスト用のファイル
  • component-name.component.ts … コンポーネント本体

以上です。

タイトルとURLをコピーしました