# Angular formatētājs

Formatējiet Angular komponenšu veidnes ar šo Angular formatētāju. Ielīmējiet veidnes HTML ar strukturālajām direktīvām, piesaistēm un interpolāciju, un rīks bloka elementus, piemēram, div, section, p, ul un table, ievietos atsevišķās rindās ar divu atstarpju atkāpi, likvidēs liekās atstarpes un formatēs iekļautos script un style blokus. Direktīvas, piesaistes un izteiksmes paliek tieši tādas, kā rakstītas, tāpēc Angular izstrādātāji ātri iegūst tīras veidnes.

## Bieži uzdotie jautājumi

### Ko varu formatēt ar Angular formatētāju?

Tas formatē Angular komponenšu veidnes — HTML, ko rakstāt .component.html failos vai veidnes virknē. TypeScript komponenšu klases šeit netiek apstrādātas; izmantojiet tām TypeScript formatētāju.

### Vai direktīvas un piesaistes tiek saglabātas?

Jā, atribūti, piemēram, *ngIf, *ngFor, [value], (click) un [(ngModel)], kā arī interpolācijas, piemēram, {{ user.name }}, tiek kopēti tieši tā, kā rakstīti. Mainās tikai atstarpes starp elementiem.

### Kuri elementi tiek ievietoti atsevišķās rindās?

Ja elements satur bloka līmeņa bērnelementus, piemēram, div, section, article, header, footer, nav, main, form, p, h1 līdz h6, ul, ol vai table, katrs bērnelements tiek ievietots savā rindā ar atkāpi. Elementi bez šādiem bērnelementiem paliek vienā rindā, un vairākas atstarpes pēc kārtas tiek aizstātas ar vienu atstarpi.

### Kāpēc mana pielāgotā komponente paliek vienā rindā?

Pielāgotie elementi, piemēram, app-root vai mat-card, nav bloka līmeņa HTML elementi, tāpēc to saturs paliek vienā rindā, ja vien tajā nav bloka elementa, piemēram, div vai p. Ja vēlaties izvērstu izkārtojumu, ievietojiet saturu bloka elementā.

### Vai saraksta elementi tiek ievietoti atsevišķās rindās?

Ne paši par sevi: li nav viens no bloka līmeņa tagiem, tāpēc ul, kura vienīgie bērnelementi ir li elementi, paliek vienā rindā. Lai izvērstu izkārtojumu, ievietojiet katrā elementā bloka saturu, piemēram, div.

### Kas notiek ar script un style tagiem?

Iekļautie style bloki tiek formatēti kā CSS, bet iekļautie skripti — kā JavaScript, ar atkāpi zem sava taga. pre un textarea elementu saturs tiek saglabāts tieši tāds, kā rakstīts.

### Vai HTML komentāri tiek saglabāti?

Jā, HTML komentāri tiek saglabāti un izvērstos elementos ievietoti atsevišķā rindā. To saturs tiek kopēts tieši, tāpēc komentētais marķējums paliek nemainīts.

### Vai rīks validē manu veidni?

Nē, tas neveic veidnes kompilēšanu vai pārbaudi, un arī neaizvērti tagi tiek formatēti, cik labi iespējams. Lai atrastu veidnes kļūdas, izmantojiet ng build vai redaktora Angular valodas servisu.

### Kāpēc izvadei ir html žoga marķieri?

Angular veidnes ir HTML, tāpēc rezultāts tiek atgriezts kā Markdown koda bloks ar atzīmi html. Nokopējiet rindas starp žoga marķieriem savā veidnes failā.

### Cik liela var būt mana veidne?

Līdz 5 MB vienā reizē; lielāka ievade tiek noraidīta ar ziņojumu. Izvade ir identiska Code Formatter Angular opcijai.

Jūsu reklāma šeit?

[Rakstiet mums](mailto:hi@dennn.is?subject=Rekl%C4%81ma%20vietn%C4%93%20OneClick%20Pro)

[Reklāma Aģentiem gatavais spraudņu komplekts vietnei WordPress.](https://sleekwp.com/?ref=oneclickpro)