Ricerca per argomento: Angular
Angular semplifica gli aspetti legati all'internazionalizzazione delle applicazioni (anche detta i18n), consentendo di gestire più facilmente la visualizzazione di dati e numeri in formato locale, oltre che alla traduzione del testo.Per indicare che un certo pezzo del template va...
Quando si sviluppa la UI di un'applicazione, spesso capita di dover renderizzare o meno delle porzioni di UI a seconda del valore di un dato sia questo proveniente dal server, o dall'input dell'utente o da altre sorgenti. In Angular esiste la direttiva ngIf che copre esattamente ...
Angular mette a disposizione la direttiva ngFor per ciclare gli elementi di una lista di oggetti in un template HTML. Nella versione base, questa direttiva permette di accedere a un elementeo per volta e di renderizzare un frammento di HTML per ogni elemento.Tuttavia, esistono ...
A volte abbiamo l'esigenza di mostrare frammenti di UI in base al valore di un campo. Per fare un esempio, supponiamo che l'utente debba decidere come pagare. La UI mette a disposizione una dropdown contententi i valori "Carta di credito" e "Bonifico". Se l'utente seleziona "...
Molte applicazioni necessitano di un meccanismo di autenticazione e autorizzazione. Questo significa che prima di permettere all'utente di accedere a un component, è necessario verificare che l'utente ne abbia il permesso.In questi casi torna utile utilizzare un guard che altro ...
Una delle pecche di Visual Studio Code, rispetto ad altri editor come WebStorm, è quella di non offrire intellisense all'interno dei template HTML dei component, delle direttive e così via.Angular include un Language Service che abilita questa funzionalità in qualunque editor ...
Una chiamata HTTP al server può andare in errore per qualunque motivo. Un'applicazione robusta deve gestire la possibilità che una chiamata vada in errore. Per gestire l'errore di una chiamata AJAX effettuata tramite la classe HTTPClient, dobbiamo usare l'overload del metodo ...
Quando eseguiamo una chiamata HTTP, abbiamo spesso l'esigenza di aggiungere header HTTP aggiuntivo. Un tipico esempio è quando dobbiamo aggiungere un'header HTTP per la sicurezza, ad esempio con il protocollo OAuth, che, per invocare una API protetta, richiede che venga allegato ...
Angular è fortemente basato sulle Reactive Extension. Un tipico esempio di questa affermazione lo si trova nell'esecuzione delle chiamate HTTP. Una chiamata HTTP, sia che la si effettui con la classe Http che con la classe HttpClient, restituisce un oggetto di tipo Observable. Le...
Negli script precedenti abbiamo visto diversi modi di usare l'interception dele chiamate HTTP per svolgere diversi compiti. In questo script vediamo come sfruttare questa tecnica per coprire un'altra esigenza molto comune, cioè quella di utilizzare url diversi a seconda degli ...