पाठ 14 / 30

राउट सेट करना

URL को कंपोनेंट से जोड़ें और उनके बीच नेविगेट करें।

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

एक 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>