Ricerca: angular
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 ...
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 ...
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 ...
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 ...
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 ...
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 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 ...
Nello script #258 abbiamo introdotto le librerie mostrando le loro potenzialità per centralizzare il codice e ridurne al minimo la duplicazione. Ora andremo a ottimizzarne l'utilizzo rendendolo possibile anche all'esterno dell'applicazione. Uno dei più grandi problemi quando si ...
Di default, Angular offre il lazy loading a livello di modulo. Questo significa che possiamo decidere di caricare un modulo solo quando questo viene usato invece che caricarlo allo startup dell'applicazione. Fino ad Angular 7, la sintassi per caricare il modulo in modalità lazy è...
Fino alla versione 7 di Angular, i decorator ViewChild e ContentChild impostano la variabile che decorano a partire dal metodo ngAfterViewInit della pipeline di esecuzione del component. Questo esempio mostra questo funzionamento.mydiv@ViewChild('MyDiv') myDiv: ElementRef;...