# Formatter Angular

Formatați șabloanele componentelor Angular cu acest formatter Angular. Lipiți codul șablonului HTML, inclusiv directive structurale, legături și interpolări, iar instrumentul așază elementele de bloc, precum div, section, p, ul și table, pe linii separate, cu indentare de două spații, elimină spațiile albe rătăcite și formatează blocurile inline de script și stil. Directivele, legăturile și expresiile rămân exact așa cum au fost scrise, astfel încât dezvoltatorii Angular obțin rapid șabloane curate.

## Întrebări frecvente

### Ce pot formata cu formatterul Angular?

Formatează șabloane de componente Angular, adică HTML pe care le scrieți în fișiere .component.html sau într-un șir de șablon. Clasele componentelor TypeScript nu sunt procesate aici; folosiți pentru ele formatterul TypeScript.

### Directivele și legăturile sunt păstrate?

Da, atribute precum *ngIf, *ngFor, [value], (click) și [(ngModel)] și interpolări precum {{ user.name }} sunt copiate exact așa cum au fost scrise. Se modifică doar spațiile albe dintre elemente.

### Ce elemente sunt așezate pe linii separate?

Când un element conține copii de tip bloc, precum div, section, article, header, footer, nav, main, form, p, h1 până la h6, ul, ol sau table, fiecare copil apare pe propria linie indentată. Elementele fără astfel de copii rămân pe un singur rând, iar secvențele de spații albe sunt reduse la câte un spațiu.

### De ce componenta mea personalizată rămâne pe o singură linie?

Elementele personalizate precum app-root sau mat-card nu sunt elemente HTML de tip bloc, așa că conținutul lor rămâne pe aceeași linie, cu excepția cazului în care conține un element de bloc precum div sau p. Încadrați conținutul într-un element de bloc dacă doriți să fie extins.

### Elementele de listă sunt așezate pe linii separate?

Nu de la sine: li nu este una dintre etichetele de tip bloc, așa că un ul ai cărui singuri copii sunt elemente li rămâne pe un singur rând. Adăugați conținut de bloc, precum un div, în elemente pentru a le distribui pe mai multe linii.

### Ce se întâmplă cu etichetele script și style?

Blocurile de stil inline sunt formatate ca CSS, iar scripturile inline ca JavaScript, cu indentare sub eticheta lor. Conținutul elementelor pre și textarea este păstrat exact așa cum a fost scris.

### Sunt păstrate comentariile HTML?

Da, comentariile HTML sunt păstrate și așezate pe propria linie în interiorul elementelor extinse. Conținutul lor este copiat exact, astfel încât marcajul comentat rămâne neschimbat.

### Îmi validează șablonul?

Nu, nu compilează și nu verifică șablonul, iar etichetele neînchise sunt formatate cât mai bine posibil. Folosiți ng build sau serviciul de limbaj Angular din editor pentru a găsi erorile din șablon.

### De ce este rezultatul încadrat ca html?

Șabloanele Angular sunt HTML, așa că rezultatul este returnat ca bloc de cod Markdown marcat html. Copiați liniile dintre delimitatori în fișierul șablon.

### Cât de mare poate fi șablonul meu?

Până la 5 MB la fiecare rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea Angular din Code Formatter.

Reclama dvs. aici?

[Trimiteți-ne un e-mail](mailto:hi@dennn.is?subject=Publicitate%20pe%20OneClick%20Pro)

[Reclamă Suita de pluginuri pregătită pentru agenți pentru WordPress.](https://sleekwp.com/?ref=oneclickpro)