Quando creiamo un'applicazione da zero con Angular-CLI, questa di default genera il file styles.css nella root del codice sorgente del progetto. Questo è vero anche quando andiamo a generare un component tramite i comandi della CLI con la sola differenza che il file CSS generato ...

Quando creiamo un progetto con Angular-CLI, la struttura che viene generata contiene la variabile environment all'interno della quale andiamo a mettere i dati di configurazione. Quando poi creiamo la build, questa variabile viene inclusa nel pacchetto di output e non possiamo ...

Quado creiamo un servizio e vogliamo che sia iniettato dal motore di dependency injection di Angular, dobbiamo aggiungere il servizio al sistema di dependency injection. Fino alla versione 5, l'aggiunta veniva fatta nel modulo in cui il servizio era dichiarato attraverso la ...

JavaScript utilizza il metodo statico parse della classe JSON per parsare una stringa JSON e trasformarla in un oggetto. Questo metodo analizza anche il tipo del campo (numero, stringa booleano) creando poi una proprietà dello stesso tipo quando crea l'oggetto. Questo discorso ...

Angular prevede già alcuni validator di base per le reactive form: required, min, max e così via. Questi validatori coprono le esigenze di base, ma non possono ovviamente coprirle tutte. Per coprire esigenze particolari della nostra applicazione, dobbiamo creare dei validatori ...

Quando vogliamo aggiungere un metodo a una classe esistente dobbbiamo usare una funzionalità di TypeScript nota come module augmentation. Vediamo prima il codice e poi lo analizziamo.declare global { interface String { formatByPosition(...values: any[]): string; }}String....

Molto spesso capita di dover creare pulsanti con un HTML complesso per dare la possibilità di aggiungere icone a destra o sinistra del test, per dare uniformità di stile o per aggiungere determinati comportamenti. Per evitare di scrivere codice HTML duplicato per ogni pulsante, ...

Molto spesso capita che a seconda delle scelte dell'utente dobbiamo mostrare o meno una sezione di una pagina. Questo è vero soprattutto quando selezioniamo una checkbox o quando selezioniamo una voce da una dropdown. Grazie al motore di binding di Angular e alle template ...

Bootstrap ha sempre dato la possibilità di creare addon prima e dopo gli input. Con Bootstrap 4 il modo di creare gli addon cambia rispetto alla versione precedente. Con la versione 4, gli addon e il controllo di input devono sempre essere inclusi in un div con classe input-group...

Nello script #226 abbiamo visto come utilizzare la direttiva ngStyle per aggiungere a un tag HTML l'attributo style con alcuni stili CSS. In questo script facciamo la stessa cosa ma utilizando una funzionalità diversa: lo style binding. Questa funzionalità ci permette di mettere ...