पाठ 14 / 32

राउट सेट करना

routes array, provideRouter, routerLink और router-outlet से URLs को components से map करें।

राउट परिभाषित करना

एक route array किसी URL path को component से जोड़ता है। provideRouter इसे ऐप में जोड़ता है।

// app.routes.ts
export const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'products', component: ProductListComponent },
];

// main.ts
bootstrapApplication(AppComponent, {
  providers: [provideRouter(routes)],
});

routerLink

routerLink बिना पूरे पेज को रीलोड किए नेविगेट करता है, और <router-outlet> वह जगह चिह्नित करता है जहाँ मैच हुआ कंपोनेंट रेंडर होता है।

<nav>
  <a routerLink="/">Home</a>
  <a routerLink="/products">Products</a>
</nav>
<router-outlet></router-outlet>