Mattepuffo.com

Mattepuffo's logo
Usare la direttiva ngIf con else in Angular

Usare la direttiva ngIf con else in Angular

La direttiva ngIf di Angular ci permette di modificare il template HTML in base ad una o più condizioni.

A me però serviva utilizzare anche un else!

In pratica se un campo ha valore U mostrare una cosa, sennò mostrarne un'altra.

Mattepuffo's logo
Riavviare MariaDB da script in Linux

Riavviare MariaDB da script in Linux

Ho un sito su hosting con server virtuale con Linux che ogni tanto crasha.

Probabilmente c'è troppo traffico; al momento non ho la possibilità di aumentare le risorse e quindi ogni volta devo collegarmi ed riavviare MariaDB.

La cosa è scomoda, quindi ho creato uno scriptino BASH che mi controlla in automatico se il servizio è attivo; in caso lo riavvia.

Mattepuffo's logo
Creare un loading dialog con i CSS

Creare un loading dialog con i CSS

Oggi vediamo come creare un loading dialog con i CSS.

Non useremo immagini, ma solo una combinazione di stile; useremo solo un scriptino Javascript per stoppare il loader.

In fin dei conti il loader andrà nascosto ad un certo punto, e al 99% sarà una operazione che farete in Javascript.

Mattepuffo's logo
Pulire la cache dopo il deployment in Angular

Pulire la cache dopo il deployment in Angular

Quando create una nuova versione del vostro progetto Angular e la caricate sul server, molto spesso dovete fare il refresh della pagina per fargli visualizzare le modifiche.

Ho visto che l'opzione "outputHashing": "all" è praticamente già attiva di default; quindi a quanto pare non basta.

Ho trovato un piccolo trucco che sembra mi stia funzionando.

Mattepuffo's logo
Leggere il numero di versione in Angular

Leggere il numero di versione in Angular

Ci sono vari motivi per cui ci può essere bisogno di leggere il numero di versione in un'applicazione.

Quindi oggi vediamo come fare questa cosa in Angular; lo leggeremo direttamente dal package.json.

Potremmo anche metterlo dentro ad un file di configurazione a parte, ma ciò vorrebbe dire cambiarlo in più posti.

Mattepuffo's logo
Creare file gitignore online

Creare file gitignore online

Io uso PhpStorm per i miei progetti Angular / React, ed è lui stesso che mi il file gitignore.

In pratica è un file con dentro tutto ciò che non andrà pushato su Git.

Però non tutti usano un IDE, o magari un IDE che fa tutto da solo.

Mattepuffo's logo
Intercettare il tasto ENTER in Angular

Intercettare il tasto ENTER in Angular

In pratica in una casella di input, in un progetto Angular, dobbiamo intercettare il tasto ENTER.

In verità la cosa è molto semplice utilizzando uno degli event binding messi a disposizione; nello specifico keyup.enter.