Как использовать Routing в Angular 6.1

Question

Я работал над Angular 6. Я застрял в части «Маршрутизация и навигация».Я не могу понять, как выполнять маршрутизацию в 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>

Edit:
используйте routerLink для перехода от одного компонента к другому:

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

вот хороший урок: https://codecraft.tv/courses/angular/routing/route-configuration/

Также см .: https://medium.com/all-is-web/https-medium-com-all-is-web-angular-5-routing-fad9b3648f67