ROUTE PARAMETER // Angular

ROUTE PARAMETER - COME NAVIGARE

<a routerLink="/6">Portera' alla rotta /:id con params.get("id") uguale a 6</a>
 this.router.navigate(['/', ID DOVE VOLETE NAVIGARE])

ROUTE PARAMETER - COMPONENTE DETTAGLI

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

@Component({
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.scss']
})
export class DetailsComponent implements OnInit {
  id!: string
  constructor(private route: ActivatedRoute, private router: Router) {

  }
  ngOnInit() {
   this.route.paramMap.subscribe(params => this.id = params.get("id")!) 
    //Dalla rotta correntemente attiva ci iscriviamo ai parametri e e salviamo nella variabile id li parametro in tempo reale. 
    //se non aveste chiamato il parametro "id", il parametro di .get() avra' il nome del parametro che avete scelto. 
  }
}

ROUTE PARAMETER - ROUTING

const routes: Routes = [{
    path: ":id", //i due punti indicano un parametro DINAMICO. Ovviamente potete cambiare sia la rotta base che il nome del parametro,
//esempio: /profile/:userId, oppure /pippo/:paperino. L'importante e' che nei passaggi successivi utilizziate il nome corretto. 
    component: DetailsComponent
  }, 
  {
    path: "",
    component: HomeComponent
  }
];