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 ...

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 ...

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 ...

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 ...

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 "...

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 ...

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 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...

Negli script precedenti, abbiamo visto che la classe HttpClient permette semplicemente di effettuare una chiamata HTTP e ottenere la risposta già come oggetto TypeScript utilizzando i generics. Sebbene questa tecnica sia valida nella maggior parte dei casi, non ci permette di ...

Nelle form di angular possiamo assegnare la direttiva ngForm a una variabile che viene definita template variable. La direttiva ngForm contiene i dati sullo stato della form e quindi la variabile a cui la assegnamo ci permette di usare questi dati. Una delle proprietà dello stato...