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 database e servizi con gli add-on di Container App
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Evitare la script injection nelle GitHub Actions
Sfruttare al massimo i topic space di Event Grid MQTT
Definire lo stile CSS in base alle dimensioni del container
Load test di ASP.NET Core con k6
Ricevere avvisi su metriche dei server Azure Arc
Evitare la command injection in un workflow di GitHub
Creare moduli CSS in React
Installare le Web App site extension tramite una pipeline di Azure DevOps
Elencare le container images installate in un cluster di Kubernetes
Gestire liste di tipi semplici con Entity Framework Core
I più letti di oggi
- Evitare il flickering dei componenti nel prerender di Blazor 8
- Rilasciata la Beta 2 di Visual Studio 2008
- tra pochi minuti inizia la keynote della seconda giornata. seguila live su http://aspitalia.com/mix-11 #mix11
- .@dbochicchio ora su #aspnetcore 2 a #netconfit https://aspit.co/netconf-17
- Utilizzare angular-cli per creare una direttiva in Angular 2
- Windows Vista: il ritorno di WinFS con la beta1
- .@CristianCivera tra poco su #azure con i suoi tips&tricks per lo sviluppatore web: https://aspit.co/web15-live #aspilive
- Le novità di C# 10