-
Angular CLIを使用する場合: Angular CLIを使用すると、簡単にルーターを生成することができます。以下のコマンドを実行してください。
ng generate module app-routing --flat --module=app
これにより、
app-routing.module.ts
というファイルが生成されます。このファイルにはルーターの設定が含まれており、app.module.ts
との関連付けも行われます。ルーターの設定は、
app-routing.module.ts
ファイル内で行います。ここに、各コンポーネントに対するパスとコンポーネントの関連付けなどを定義することができます。 -
手動でルーターを設定する場合: もし、Angular CLIを使用せずに手動でルーターを設定したい場合は、以下の手順に従ってください。
app.module.ts
ファイル内で、RouterModule
とRoutes
をインポートします。
import { RouterModule, Routes } from '@angular/router';
- ルーターの設定を行うための
Routes
オブジェクトを作成します。
const routes: Routes = [ // ここにルートの定義を追加します ];
NgModule
のimports
プロパティにRouterModule.forRoot(routes)
という記述を追加します。
@NgModule({ imports: [RouterModule.forRoot(routes)], // 他の設定 })
これにより、ルーターの設定が有効化されます。
以上が、Angularでルーターを生成する方法の概要です。詳細な設定やルートの追加方法については、公式のAngularドキュメントを参照してください。