Formátovač Angular
Formátujte šablóny komponentov Angular pomocou tohto formátovača Angular. Vložte šablónu HTML so štrukturálnymi direktívami, väzbami a interpoláciou. Nástroj umiestni blokové prvky, napríklad div, section, p, ul a table, na samostatné riadky s odsadením dvoma medzerami, odstráni nadbytočné medzery a naformátuje vložené bloky script a style. Direktívy, väzby a výrazy zostanú presne také, ako boli zapísané, takže vývojári Angular získajú rýchlo čisté šablóny.
Často kladené otázky
Čo môžem formátovať pomocou formátovača Angular?
Formátuje šablóny komponentov Angular, teda HTML, ktoré píšete v súboroch .component.html alebo v reťazci šablóny. Triedy komponentov TypeScript sa tu nespracúvajú; použite na ne formátovač TypeScript.
Zachovajú sa direktívy a väzby?
Áno, atribúty ako *ngIf, *ngFor, [value], (click) a [(ngModel)] aj interpolácie, napríklad {{ user.name }}, sa skopírujú presne tak, ako sú zapísané. Menia sa iba medzery medzi prvkami.
Ktoré prvky sa umiestnia na samostatné riadky?
Ak prvok obsahuje blokové potomkovské prvky, napríklad div, section, article, header, footer, nav, main, form, p, h1 až h6, ul, ol alebo table, každý potomok sa umiestni na vlastný odsadený riadok. Prvky bez takýchto potomkov zostanú na jednom riadku a súvislé medzery sa zmenia na jednotlivé.
Prečo môj vlastný komponent zostáva na jednom riadku?
Vlastné prvky, napríklad app-root alebo mat-card, nie sú blokové prvky HTML, preto ich obsah zostane vložený v riadku, pokiaľ neobsahuje blokový prvok, napríklad div alebo p. Ak chcete obsah rozložiť na viac riadkov, obaľte ho do blokového prvku.
Umiestňujú sa položky zoznamu na samostatné riadky?
Nie samostatne: li nepatrí medzi blokové značky, preto zoznam ul, ktorého jedinými potomkami sú prvky li, zostane na jednom riadku. Ak ich chcete rozložiť na viac riadkov, vložte do položiek blokový obsah, napríklad div.
Čo sa stane so značkami script a style?
Vložené bloky style sa naformátujú ako CSS a vložené skripty ako JavaScript a odsadia sa pod svoju značku. Obsah prvkov pre a textarea zostane presne tak, ako bol zapísaný.
Zachovajú sa komentáre HTML?
Áno, komentáre HTML sa zachovajú a vo vnútri rozbalených prvkov sa umiestnia na samostatný riadok. Ich obsah sa skopíruje presne, takže aj zakomentované značky zostanú nezmenené.
Overuje šablónu?
Nie, šablónu nekompiluje ani nekontroluje a neuzavreté značky naformátuje, ako najlepšie vie. Chyby v šablóne nájdete pomocou ng build alebo jazykovej služby Angular vo svojom editore.
Prečo je výstup ohraničený ako html?
Šablóny Angular sú HTML, takže sa výsledok zobrazí ako blok kódu Markdown označený html. Skopírujte riadky medzi ohraničeniami do súboru so šablónou.
Aká veľká môže byť moja šablóna?
Maximálne 5 MB na jedno spustenie; väčší vstup sa odmietne a zobrazí sa správa. Výstup je rovnaký ako pri možnosti Angular vo Formátovači kódu.