Angular Formatter
Formatér Angular-komponentskabeloner med denne Angular Formatter. Indsæt skabelonens HTML med strukturelle direktiver, bindings og interpolation, så placerer værktøjet blokelementer som div, section, p, ul og table på deres egne linjer med to mellemrum i indrykning, samler overflødige mellemrum og formaterer inline script- og style-blokke. Direktiver, bindings og udtryk forbliver præcis, som de er skrevet, så Angular-udviklere hurtigt får ryddelige skabeloner.
Ofte stillede spørgsmål
Hvad kan jeg formatere med Angular Formatter?
Den formaterer Angular-komponentskabeloner, HTML, du skriver i .component.html-filer eller i en skabelonstreng. TypeScript-komponentklasser håndteres ikke her; brug TypeScript Formatter til dem.
Bevares direktiver og bindings?
Ja, attributter som *ngIf, *ngFor, [value], (click) og [(ngModel)] samt interpolationer som {{ user.name }} kopieres præcis, som de er skrevet. Kun mellemrummene mellem elementerne ændres.
Hvilke elementer får deres egne linjer?
Når et element indeholder børn på blokniveau, såsom div, section, article, header, footer, nav, main, form, p, h1 til h6, ul, ol eller table, placeres hvert barn på sin egen indrykkede linje. Elementer uden sådanne børn forbliver på én linje, hvor sammenhængende mellemrum reduceres til enkeltmellemrum.
Hvorfor bliver min brugerdefinerede komponent på én linje?
Brugerdefinerede elementer som app-root eller mat-card er ikke HTML-elementer på blokniveau, så deres indhold forbliver inline, medmindre det indeholder et blokelement som div eller p. Omslut indholdet med et blokelement, hvis du vil have det foldet ud.
Placere listeelementer på separate linjer?
Ikke i sig selv: li er ikke et af tagsene på blokniveau, så en ul, hvis eneste børn er li-elementer, forbliver på én linje. Tilføj blokindhold som en div inde i elementerne for at sprede dem ud.
Hvad sker der med script- og style-tags?
Inline style-blokke formateres som CSS og inline scripts som JavaScript, indrykket under deres tag. Indholdet af pre- og textarea-elementer bevares præcis, som det er skrevet.
Bevares HTML-kommentarer?
Ja, HTML-kommentarer bevares og placeres på deres egen linje inde i udfoldede elementer. Indholdet kopieres præcis, så kommenteret markup forbliver, som det var.
Validerer værktøjet min skabelon?
Nej, det kompilerer eller kontrollerer ikke skabelonen, og uafsluttede tags formateres så godt som muligt. Brug ng build eller din editors Angular-sprogtjeneste til at finde skabelonfejl.
Hvorfor er outputtet indrammet som html?
Angular-skabeloner er HTML, så resultatet returneres som en Markdown-kodeblok markeret html. Kopiér linjerne mellem hegnene ind i din skabelonfil.
Hvor stor kan min skabelon være?
Op til 5 MB pr. kørsel; større input afvises med en meddelelse. Outputtet er identisk med indstillingen Angular i Code Formatter.