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
Utilizzare i CSS pseudo-element
Navigazione sfruttando i fragments con Angular
Chiamare API WinRT da applicazioni .NET 5
Tradurre in lingua contenuti HTML con i cognitive service
Registrare un servizio generico nella dependency injection di ASP.NET Core
Estensioni personalizzate per le pipeline di Azure DevOps e GitHub con .NET 5
Aggiornare la query string inserendo dei parametri in ReactJS
Usare i Top Level statement in C#
Creare un web server locale con LiveReload
Il futuro delle applicazioni Windows con .NET 5
Sfruttare al massimo Kubernetes con Azure DevOps
Keep Calm and Distributed Tracing
I più letti di oggi
- Visual Basic 2010
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Modern Data Access with .NET Core and Entity Framework Core
- Rendering di raw HTML in Blazor
- Curiosi di sapere le novità di #azure per gli sviluppatori? Sintonizzatevi su #aspilive, con @crad77 Siamo sempre live da https://aspit.co/Rebuild-20