Angular Formatter
Formatteer Angular-componenttemplates met deze Angular Formatter. Plak template-HTML met structurele directives, bindings en interpolatie; de tool plaatst block-elementen zoals div, section, p, ul en table op eigen regels met een inspringing van twee spaties, verwijdert overtollige witruimte en formatteert inline script- en styleblokken. Directives, bindings en expressies blijven precies zoals ze zijn geschreven, zodat Angular-ontwikkelaars snel nette templates krijgen.
Veelgestelde vragen
Wat kan ik formatteren met de Angular Formatter?
Deze tool formatteert Angular-componenttemplates: de HTML die u schrijft in .component.html-bestanden of in een templatestring. TypeScript-componentklassen worden hier niet verwerkt; gebruik daarvoor de TypeScript Formatter.
Blijven directives en bindings behouden?
Ja, attributen zoals *ngIf, *ngFor, [value], (click) en [(ngModel)] en interpolaties zoals {{ user.name }} worden precies overgenomen zoals ze zijn geschreven. Alleen de witruimte tussen elementen verandert.
Welke elementen krijgen een eigen regel?
Als een element block-level-kinderen bevat, zoals div, section, article, header, footer, nav, main, form, p, h1 tot h6, ul, ol of table, komt elk kind op een eigen ingesprongen regel te staan. Elementen zonder zulke kinderen blijven op één regel staan, waarbij opeenvolgende witruimtes worden teruggebracht tot enkele spaties.
Waarom blijft mijn aangepaste component op één regel staan?
Aangepaste elementen zoals app-root of mat-card zijn geen block-level-HTML-elementen, dus hun inhoud blijft inline tenzij die een block-element zoals div of p bevat. Plaats de inhoud in een block-element als u die over meerdere regels wilt laten verdelen.
Worden lijstitems op afzonderlijke regels geplaatst?
Niet vanzelf: li is geen van de block-level-tags, dus een ul met alleen li-elementen blijft op één regel staan. Plaats block-inhoud zoals een div in de items om ze over meerdere regels te verdelen.
Wat gebeurt er met script- en style-tags?
Inline styleblokken worden geformatteerd als CSS en inline scripts als JavaScript, ingesprongen onder hun tag. De inhoud van pre- en textarea-elementen blijft precies zoals die is geschreven.
Blijven HTML-commentaren behouden?
Ja, HTML-commentaren blijven behouden en worden op een eigen regel binnen uitgevouwen elementen geplaatst. Hun inhoud wordt precies overgenomen, zodat uitgecommentarieerde markup ongewijzigd blijft.
Valideert deze tool mijn template?
Nee, de tool compileert of controleert de template niet, en niet-afgesloten tags worden zo goed mogelijk geformatteerd. Gebruik ng build of de Angular-taalservice van uw editor om templatefouten te vinden.
Waarom staat de uitvoer tussen html-hekje?
Angular-templates zijn HTML, dus het resultaat wordt teruggegeven als een Markdown-codeblok met de aanduiding html. Kopieer de regels tussen de hekjes naar uw templatebestand.
Hoe groot mag mijn template zijn?
Maximaal 5 MB per bewerking; grotere invoer wordt geweigerd met een melding. De uitvoer is identiek aan de Angular-optie van de Code Formatter.