可能的解决方法如下:
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent }, { path: 'contact', component: ContactComponent } ];
@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
例如,在你的导航菜单中,你可以添加以下链接:
注意:如果你的导航菜单位于不同的组件中,则需要在每个组件中导入Router和ActivatedRoute,并使用routerLink。
import { Router, ActivatedRoute } from '@angular/router';
constructor(private router: Router, private route: ActivatedRoute) {}
在导航菜单中:
goHome() { this.router.navigate(['']); }
goAbout() { this.router.navigate(['/about']); }
goContact() { this.router.navigate(['/contact']); }