# Angular-formaterare

Formatera Angular-komponentmallar med den här Angular-formateraren. Klistra in mallens HTML med strukturella direktiv, bindningar och interpolation, så placerar verktyget blockelement som div, section, p, ul och table på egna rader med två blankstegs indrag, tar bort överflödiga blanksteg och formaterar inline-script- och style-block. Direktiven, bindningarna och uttrycken förblir exakt som de skrevs, så Angular-utvecklare får snabbt rena mallar.

## Vanliga frågor

### Vad kan jag formatera med Angular-formateraren?

Den formaterar Angular-komponentmallar, den HTML du skriver i .component.html-filer eller i en mallsträng. TypeScript-komponentklasser hanteras inte här; använd TypeScript-formateraren för dem.

### Bevaras direktiv och bindningar?

Ja, attribut som *ngIf, *ngFor, [value], (click) och [(ngModel)] samt interpolationer som {{ user.name }} kopieras exakt som de skrevs. Endast blankstegen mellan elementen ändras.

### Vilka element får egna rader?

När ett element innehåller underordnade blockelement, som div, section, article, header, footer, nav, main, form, p, h1 till h6, ul, ol eller table, placeras varje underordnat element på en egen indragen rad. Element utan sådana underordnade element förblir på en rad, och sekvenser av blanksteg slås ihop till ett enda blanksteg.

### Varför ligger min anpassade komponent kvar på en rad?

Anpassade element som app-root eller mat-card är inte blockelement av typen HTML, så innehållet hålls på samma rad om det inte innehåller ett blockelement som div eller p. Omslut innehållet med ett blockelement om du vill att det ska delas upp.

### Placeras listelement på separata rader?

Inte på egen hand: li är inte en av taggarna av typen blockelement, så en ul vars enda underordnade element är li-element förblir på en rad. Lägg blockinnehåll som en div inuti listelementen för att sprida ut dem.

### Vad händer med script- och style-taggar?

Inline style-block formateras som CSS och inline-script som JavaScript, indragna under sin tagg. Innehållet i pre- och textarea-element bevaras exakt som det skrevs.

### Bevaras HTML-kommentarer?

Ja, HTML-kommentarer bevaras och placeras på egna rader i element som har delats upp. Innehållet kopieras exakt, så bortkommenterad markup förblir som den var.

### Validerar den min mall?

Nej, den kompilerar eller kontrollerar inte mallen, och oavslutade taggar formateras så gott det går. Använd ng build eller språkservicen för Angular i din editor för att hitta mallfel.

### Varför omges utdata av html-avgränsare?

Angular-mallar är HTML, så resultatet returneras som ett Markdown-kodblock märkt html. Kopiera raderna mellan avgränsarna till din mallfil.

### Hur stor kan min mall vara?

Upp till 5 MB per körning; större indata avvisas med ett meddelande. Utdata är identiska med Angular-alternativet i Code Formatter.

Vill du annonsera här?

[Mejla oss](mailto:hi@dennn.is?subject=Annonsera%20p%C3%A5%20OneClick%20Pro)

[Annons Pluginpaketet för agenter för WordPress.](https://sleekwp.com/?ref=oneclickpro)