Quando definiamo il routing di un'applicazione Angular, generalmente per ogni route specifichiamo l'url e il component che deve rispondere all'url. Oltre a queste informazioni, possiamo specificarne anche altre tra cui un oggetto custom che può contenere qualunque proprietà e che viene passato in input al component quando viene caricato dalla navigazione.
Il primo step per eseguire questa operazione consiste nel valorizzare la proprietà data durante la specifiche del routing come mostrato in questo esempio.
const routes: Routes = [ { path: '', component: HomeComponent, data: { title: 'titolo' } }, ];
Il secondo step consiste nell'iniettare il servizio ActivatedRoute nel costruttore del component e sfruttarne la proprietà data per accedere all'oggetto impostato nel routing. Questa proprietà non torna l'oggetto, bensì un observable che torna l'oggetto quindi dobbiamo usare il metodo subscribe per recuperare i dati.
export class HomeComponent implements OnInit { title: string; constructor(private route: ActivatedRoute) {} ngOnInit() { this.sessionId = this.route .data .subscribe(d => this.title = d.title); } }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Elencare le container images installate in un cluster di Kubernetes
Ottimizzazione dei block template in Angular 17
Eseguire operazioni sui blob con Azure Storage Actions
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Assegnare un valore di default a un parametro di una lambda in C#
Generare file per il download da Blazor WebAssembly
Definire stili a livello di libreria in Angular
Utilizzare politiche di resiliency con Azure Container App
Le novità di Angular: i miglioramenti alla CLI
Verificare la provenienza di un commit tramite le GitHub Actions
Creare un'applicazione React e configurare Tailwind CSS
I più letti di oggi
- Vuoi incontrare Bill Gates? Viaggia con ASPItalia.com!
- Customizzare il pager del DataGrid
- Stabilire un collegamento VPN tra una Web App e una Virtual Network
- Documentare ASP.NET Web API con Swagger
- Usare i servizi REST di BING per ottenere informazioni sulla posizione dell'utente
- Visual Studio 2005 CTP May