首先,确保在app.module.ts文件中正确地导入了RouterModule。然后,在app.component.html中创建一个路由器出口,如下所示:
接下来,在app-routing.module.ts文件中定义您的路由。例如,您可以定义一个名为“Home”的路由,并指向HomeComponent:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
// Import the components you want to route to
import { HomeComponent } from './home/home.component';
// Define your routes
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'home', component: HomeComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
最后,确保在您的组件中使用routerLink来导航到定义的路由。例如,在导航栏中:
Home
Home
这将导航到HomeComponent。