Formatez des templates de composants Angular avec leurs directives structurelles et liaisons.
Chargement de l'outil...
Comment utiliser Formateur Angular
Collez votre code. Le moteur de formatage se charge en un instant la première fois.
Ajustez les options si nécessaire.
Copiez le résultat formaté.
À propos de Formateur Angular
Les templates Angular sont du HTML avec une syntaxe supplémentaire : directives structurelles comme *ngFor, liaisons de propriété et d'événement, pipes et interpolation. Un formateur HTML générique les abîme souvent. Celui-ci comprend la syntaxe Angular et formate aussi les expressions dans les liaisons.
Il prend aussi en charge les nouveaux blocs de flux de contrôle intégrés comme @if et @for.
Questions fréquentes
Formate-t-il les expressions dans mes liaisons ?
Oui, les expressions dans {{ }} et dans les liaisons de propriété et d'événement sont formatées comme du TypeScript.
La nouvelle syntaxe de flux de contrôle est-elle prise en charge ?
Oui, les blocs @if, @for et @switch sont compris par les versions récentes du formateur.
Cassera-t-il mes pipes ?
Non, la syntaxe des pipes est analysée et réimprimée inchangée à part l'espacement.
Pourquoi la première exécution a-t-elle pris une seconde ?
Le moteur de formatage pour ce langage est téléchargé la première fois que vous l'utilisez, puis mis en cache par votre navigateur. Ensuite, le formatage est instantané et rien ne quitte votre machine.