Angular Router Link Example

router-link-example.html

// Sugeneruojama nuoroda 

// Failas: src/app/app-routing.module.ts
const routes: Routes = [
  { path: '', component:  ProductsListComponent},
  { path: 'products/:id', component:  ProductPageComponent}, // Kaip Perduoti informaciją į šį route :id parametras
];

// Naudojame html template [routerLink] direktyva perduodant informacijos masyva. 
// 1 parametras url pavadinimas, 2 parametras, produkto ID kintamasis
// https://angular.io/api/router/RouterLink

<a [routerLink]="['/products', product.id]"
    class="btn btn-primary">
      View  <i class="ms-1 fas fa-eye"></i>
</a>