Angular fa un uso molto estensivo delle reactive extensions. Queste sono presenti in moltissime parti del framework e in particolare le usiamo quando dobbiamo effettuare una chiamata HTTP per ottenere dati dal server. Sebbene lavorare con le reactive extensions sia estremamente semplice, chi approccia ad Angular con un background c# può trovare più comodo l'utilizzo della sintassi async / await. Fino alla versione 6 di RxJs, abbiamo avuto a disposizione il metodo toPromise di Observable<T> per trasformare un observable in una promise. A partire da RxJs 7 e Angular 13, questo metodo è stato deprecato in favore di un nuovo metodo: lastValueFrom.
A differenza di toPromise, questo metodo non fa parte dell'interfaccia di Observable, ma è esterno allineandosi così agli altri metodi di creazione.
const result = await lastValueFrom( this.httpClient.get<Customer>(1) );
In questo esempio, la variabile result è di tipo Customer in quanto abbiamo prima trasformato l'observable tornato dalla chiamata HTTP in una promise con lastValueFrom, e succesivamente abbiamo usato await per aspettarne l'esecuzione.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare un'applicazione React e configurare Tailwind CSS
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Utilizzare database e servizi con gli add-on di Container App
Usare ASP.NET Core dev tunnels per testare le applicazioni su internet
Eseguire query verso tipi non mappati in Entity Framework Core
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Miglioramenti nell'accessibilità con Angular CDK
Miglioramenti agli screen reader e al contrasto in Angular
Usare un KeyedService di default in ASP.NET Core 8
Eseguire le GitHub Actions offline
Eseguire query manipolando liste di tipi semplici con Entity Framework Core