Formatta i template dei componenti Angular con le loro direttive strutturali e i binding.
Caricamento dello strumento...
Come usare Angular Formatter
Incolla il tuo codice. La prima volta il motore del formattatore si carica in un attimo.
Regola le opzioni se serve.
Copia il risultato formattato.
Informazioni su Angular Formatter
I template Angular sono HTML con sintassi aggiuntiva: direttive strutturali come *ngFor, binding di proprietà ed eventi, pipe e interpolazione. Un formattatore HTML generico spesso li rovina. Questo comprende la sintassi Angular e formatta anche le espressioni dentro i binding.
Supporta anche i nuovi blocchi di control flow integrati come @if e @for.
Domande frequenti
Formatta le espressioni nei miei binding?
Sì, le espressioni dentro {{ }} e nei binding di proprietà ed eventi vengono formattate come TypeScript.
La nuova sintassi del control flow è supportata?
Sì, i blocchi @if, @for e @switch sono compresi dalle versioni recenti del formattatore.
Romperà le mie pipe?
No, la sintassi delle pipe viene analizzata e ristampata invariata, a parte la spaziatura.
Perché la prima esecuzione ha richiesto un secondo?
Il motore di formattazione per questo linguaggio viene scaricato la prima volta che lo usi, poi messo in cache dal tuo browser. Dopo, la formattazione è istantanea e nulla lascia il tuo computer.