Angular 8でモジュールとルーティングを含むコンポーネントを作成する方法

モジュールの作成: まず、新しいモジュールを作成します。以下のコマンドを使用します。

ng generate module module-name

これにより、module-nameという名前の新しいモジュールが作成されます。

コンポーネントの作成: 次に、新しいコンポーネントを作成します。以下のコマンドを使用します。

ng generate component component-name

これにより、component-nameという名前の新しいコンポーネントが作成されます。

ルーティングの設定: 作成したコンポーネントをルーティングするために、ルーティングモジュールを作成します。以下のコマンドを使用します。

ng generate module routing-module-name --route component-path --module app-module-name

ここで、routing-module-nameはルーティングモジュールの名前、component-pathはコンポーネントのパス、app-module-nameはアプリケーションのメインモジュールの名前です。

ルートの設定: 作成したルーティングモジュールを使用して、アプリケーションのルートを設定します。app-routing.module.tsファイルを開き、以下のように設定します。

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ComponentName } from './component-path';
const routes: Routes = [
  { path: 'component-path', component: ComponentName }
];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

ここで、ComponentNameは作成したコンポーネントのクラス名です。

以上で、モジュールとルーティングを含むコンポーネントの作成が完了です。必要に応じて、他のコンポーネントやルートを追加することもできます。