Formatteer Angular-componentsjablonen met hun structurele directives en bindings.
De tool wordt geladen...
Zo gebruik je Angular Formatter
Plak je code. De formatteerengine laadt de eerste keer in een oogwenk.
Pas de opties aan als dat nodig is.
Kopieer het geformatteerde resultaat.
Over Angular Formatter
Angular-sjablonen zijn HTML met extra syntaxis: structurele directives zoals *ngFor, property- en event bindings, pipes en interpolatie. Een generieke HTML-formatter maakt er vaak een zootje van. Deze begrijpt de Angular-syntaxis en formatteert ook expressies binnen bindings.
Hij ondersteunt ook de nieuwere ingebouwde control flow-blokken zoals @if en @for.
Veelgestelde vragen
Formatteert het de expressies in mijn bindings?
Ja, expressies binnen {{ }} en in property- en event bindings worden geformatteerd zoals TypeScript.
Wordt de nieuwe control flow-syntaxis ondersteund?
Ja, @if-, @for- en @switch-blokken worden door recente versies van de formatter begrepen.
Breekt het mijn pipes?
Nee, pipe-syntaxis wordt geparsed en ongewijzigd teruggedrukt, afgezien van de spatiëring.
Waarom duurde de eerste keer een seconde?
De formatteerengine voor deze taal wordt gedownload wanneer je hem voor het eerst gebruikt en daarna door je browser in de cache bewaard. Daarna is formatteren direct en verlaat er niets je computer.