# राउट सेट करना — एंगुलर

Source: https://www.geekswithgeeks.com/hi/angular/ng-routing-basics

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

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

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

```typescript
// 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>` वह जगह चिह्नित करता है जहाँ मैच हुआ कंपोनेंट रेंडर होता है।

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