Quando definiamo il routing in un'applicazione Angular, dobbiamo definire tutte le rotte e per ogni rotta specificare a quale component ogni singola rotta corrisponda. Oltre a questo, dobbiamo anche definire il comportamento dell'applicazione nel caso in cui venga invocata una ...

Quando creiamo un'applicazione Angular di piccole dimensioni, è molto probabile che servizi, component, pipe e altro ancora facciano parte di un unico modulo. Quando invece dobbiamo creare applicazioni di dimensioni maggiori, torna utile suddividere l'applicazione in moduli. ...

Quando dobbiamo creare una rappresentazione tabellare dei dati in Angular, la cosa più semplice è ricorrere all'utilizzo dell'elemento HTML table a alla direttiva ngFor per creare tante righe quanti sono i record da mostrare. Se abbiamo molti component in cui dobbiamo mostrare ...

A volte capita di a vere una lista con moltissimi oggetti e i doverli mostrare all'utente. Sebbene paginare questi dati o caricarli solo su richiesta è sicuramente una buona scelta, questa strada non è sempre percorribile. Renderizzare centinaia o migliaia di elementi renderebbe ...

La libreria Angular CDK permette di avere informazioni sul browser su cui sta girando l'applicazione come il tipo di browser e se alcune funzionalità sono supportate. Questo è possibile grazie alla classe Platform e ai metodi getSupportedInputTypes, supportsPassiveEventListeners ...

Negli script precedenti abbiamo visto come muovere tramite Drag&Drop gli elementi di una lista per permetterne l'ordinamento o lo spastamento in altre liste. Questi script partivano dall'assunto che ogni elemento potesse essere spostato. Tuttavia ci sono casi in cui alcuni ...

Tutti i framework per sviluppare applicazioni web moderne (Angular, React,Vue) si basano sul paradigma che la UI è una conversione in HTML dei dati che compongono lo stato dell'applicazione. Questo significa che uno dei punti più importanti nell'architettura di un'applicazione è ...

Quando inizia il drag di un oggetto, Angular CDK crea un clone di quell'oggetto e lo visualizza accanto al puntatore. In caso di necessità, possiamo personalizzare l'aspetto dell'oggetto durante la fase di dragging inserendo all'interno dell'oggetto stesso un qualunque tag HTML ...

La pratica della creazione di librerie create ad-hoc per le nostre applicazioni è spesso utilizzata nei processi di sviluppo back-end, per suddividere i vari contesti applicativi, es. domain, repository, contract, DTO.Negli applicativi che si occupano del front-end, al concetto ...

Nello script #256 abbiamo visto come rendere ordinabili gli elementi di una lista utilizzando il supporto al Drag&Drop offerto dalla libreria Angular CDK. In questo script continuiamo a esplorare le capacità di Drag&Drop offert da questa libreria mostrado come sia possibile ...