Question

我一直在使用Angular6。我被困在“路由和导航”部分。我无法弄清楚如何在Angular 6中进行路由。您能帮我理解它吗？

Answer 1

在您的app.module.ts中：

导入：

import {Routes, RouterModule} from "@angular/router";

用组件的路由路径声明续：

const routes: Routes = [
 { path: '', component: HomeComponent },
 { path: 'search', component: SearchComponent }
];

并在导入部分RouterModule中添加用于保存路由的常量：

@NgModule({
    imports: [
      .
      .
        RouterModule.forRoot(routes, {useHash: true})
    ]
    .
    .
    .
})
class AppModule { }

在您的app.component.html中添加以下内容：

<router-outlet></router-outlet>

修改：
使用routerLink从组件导航到另一个组件：

<a [routerLink]="[/search]"></a>