Uno dei principali vantaggi nell'utilizzo di framework JavaScript front-end è la possibilità di creare delle pagine il cui contenuto sia facilmente editabile, magari semplicemente premendo un tasto che converta dei dati visualizzati come testo in una form, anche complessa, la ...

In Angular le direttive sono oggetti che permettono di attaccare una funzionalità a oggetti HTML esistenti. Ad esempio, tramite una direttiva possiamo modificare un pulsante per aggiungere l'icona o gli stili CSS dibase da applicare a tutti i pulsanti. Per fare questo dobbiamo ...

Sebbene il motore di binding di Angular sia estremamente potente, esistono casi in cui dobbiamo referenziare un oggetto HTML e utilizzarlo all'interno del codice del component. Per referenziare l'oggetto, dobbiamo innanzitutto assegnargli un nome lato template utilizzando le ...

Nello script precedente abbiamo visto come utilizzare il decorator HostListener, per creare un comportamento riutilizzabile da abbinare alla gestione degli eventi di un tag HTML con Angular.Il decorator HostBinding consente di specificare una proprietà dell'elemento host dall'...

Quando in Angular utilizziamo oggetti HTML che accettano un URL (come un tag iframe, o un tag img) capita di dover impostarne l'attributo src in binding con un valore proveniente da una configurazione, da un servizio o altro ancora. Mettere in binding la stringa dell'URL con l'...

Nello script #250 abbiamo visto come prendere un url e metterlo in binding. In quel caso abbiamo preso l'url e lo abbiamo trasformato in un oggetto che Angular può mettere in binding senza però fare alcun controllo sui dati contenuti nell'URL. Se quell'URL proviene dall'input di ...

Quando creiamo un'applicazione Angular utilizzando la CLI, viene creata una cartella environments con due file: environment.ts e environment.prod.ts. Questi file contengono variabili di configurazione (url dei servizi, informazioni per il debug o altro ancora) rispettivamente per...

Angular CDK (Component Development Kit) è una libreria, creata da Google, che offre funzionalità per la realizzazione di componenti. Sebbene questa libreria sia associata a Material, essa non dipende da Material in alcun modo e quindi possiamo utilizzarla in qualuqnue scenario. ...

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

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