Nello script #157 abbiamo visto come poter gestire il routing con AngularJS, così da sfruttare meglio anche la history del browser.
In particolare, il nostro obiettivo è quello di verificare i parametri della route, per evitare che una route risponda se i valori dei parametri specificati non dovessero essere congrui.
Per implementare questo scenario, dobbiamo affidarci alla proprietà resolve: si tratta di una proprietà che può contenere una o più promise che devono essere risolte con successo prima che il cambio di route venga confermato. Questo consente anche di aspettare che la condizione si verifichi prima di caricare la view, consentendo di caricare questi dati in seguito a richieste a risorse remote.
mmyApp.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/details/:Id', { templateUrl: 'views/orders/detail.html', controller: 'OrderDetailController', resolve: { id: function ($q, $route) { var deferred = $q.defer(), id = parseInt($route.current.params.id, 10); if (!isNaN(id)) { deferred.resolve(id); } else { deferred.reject('Id not a number'); } return deferred.promise; } } }); });
Grazie all'uso del deferred, la promise aspetterà l'esecuzione del codice (anche asincrono) e provvederà a valorizzare i rispettivi parametri di route solo se le condizioni espresse vengono verificate con successo.
Per approfondimenti:
Gestione del routing con AngularJS
https://www.html5italia.com/script/157/Gestione-Routing-AngularJS.aspx
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Installare le Web App site extension tramite una pipeline di Azure DevOps
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Utilizzare Tailwind CSS all'interno di React: installazione
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Generare un hash con SHA-3 in .NET
Code scanning e advanced security con Azure DevOps
Evitare il flickering dei componenti nel prerender di Blazor 8
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Eseguire query verso tipi non mappati in Entity Framework Core
Filtrare i dati di una QuickGrid in Blazor con una drop down list