Angular-Komponenten-Templates mit ihren strukturellen Direktiven und Bindings formatieren.
Tool wird geladen ...
So verwenden Sie Angular Formatter
Fügen Sie Ihren Code ein. Die Formatierungs-Engine wird beim ersten Mal kurz geladen.
Passen Sie bei Bedarf die Optionen an.
Kopieren Sie das formatierte Ergebnis.
Über Angular Formatter
Angular-Templates sind HTML mit zusätzlicher Syntax: strukturelle Direktiven wie *ngFor, Property- und Event-Bindings, Pipes und Interpolation. Ein generischer HTML-Formatierer verstümmelt sie oft. Dieser hier versteht die Angular-Syntax und formatiert auch Ausdrücke innerhalb von Bindings.
Er unterstützt außerdem die neueren eingebauten Control-Flow-Blöcke wie @if und @for.
Häufig gestellte Fragen
Formatiert es die Ausdrücke in meinen Bindings?
Ja, Ausdrücke innerhalb von {{ }} und in Property- und Event-Bindings werden wie TypeScript formatiert.
Wird die neue Control-Flow-Syntax unterstützt?
Ja, @if-, @for- und @switch-Blöcke werden von aktuellen Versionen des Formatierers verstanden.
Macht es meine Pipes kaputt?
Nein, die Pipe-Syntax wird geparst und bis auf die Abstände unverändert zurückgeschrieben.
Warum hat der erste Durchlauf eine Sekunde gedauert?
Die Formatierungs-Engine für diese Sprache wird beim ersten Gebrauch heruntergeladen und dann von Ihrem Browser zwischengespeichert. Danach erfolgt die Formatierung sofort, und nichts verlässt Ihren Rechner.