Formátovač Angular
Formátujte šablony komponent Angular pomocí tohoto formátovače Angular. Vložte šablonu HTML se strukturálními direktivami, vazbami a interpolací. Nástroj umístí blokové prvky, například div, section, p, ul a table, na samostatné řádky s odsazením dvěma mezerami, odstraní nadbytečné bílé znaky a naformátuje vložené bloky script a style. Direktivy, vazby a výrazy zůstanou přesně tak, jak jsou zapsané, takže vývojáři Angular rychle získají přehledné šablony.
Často kladené otázky
Co mohu formátovat pomocí formátovače Angular?
Formátuje šablony komponent Angular, tedy HTML, které píšete v souborech .component.html nebo v řetězci šablony. Třídy komponent TypeScript tento nástroj nezpracovává; použijte pro ně formátovač TypeScript.
Zachovají se direktivy a vazby?
Ano, atributy jako *ngIf, *ngFor, [value], (click) a [(ngModel)] i interpolace, například {{ user.name }}, se zkopírují přesně tak, jak jsou zapsané. Změní se pouze mezery mezi prvky.
Které prvky se zobrazí na samostatných řádcích?
Když prvek obsahuje blokové potomky, například div, section, article, header, footer, nav, main, form, p, h1 až h6, ul, ol nebo table, každý potomek se zobrazí na vlastním odsazeném řádku. Prvky bez takových potomků zůstanou na jednom řádku a posloupnosti bílých znaků se sloučí na jednotlivé mezery.
Proč moje vlastní komponenta zůstává na jednom řádku?
Vlastní prvky, například app-root nebo mat-card, nejsou blokové prvky HTML, takže jejich obsah zůstane v řádku, pokud neobsahuje blokový prvek, například div nebo p. Chcete-li obsah rozdělit na více řádků, uzavřete ho do blokového prvku.
Umístí se položky seznamu na samostatné řádky?
Samy o sobě ne: li nepatří mezi blokové značky, takže ul, jehož jedinými potomky jsou prvky li, zůstane na jednom řádku. Chcete-li obsah rozdělit na více řádků, vložte do položek blokový obsah, například div.
Co se stane se značkami script a style?
Vložené bloky style se formátují jako CSS a vložené skripty jako JavaScript a odsazují se pod svou značkou. Obsah prvků pre a textarea zůstane přesně tak, jak je zapsaný.
Zachovají se komentáře HTML?
Ano, komentáře HTML se zachovají a v rozbalených prvcích se umístí na vlastní řádek. Jejich obsah se zkopíruje přesně, takže zakomentované značky zůstanou beze změny.
Ověří nástroj platnost mé šablony?
Ne, šablonu nekompiluje ani nekontroluje a nespárované značky naformátuje, jak nejlépe dovede. Chyby v šabloně vyhledejte pomocí ng build nebo jazykové služby Angular ve svém editoru.
Proč je výstup uzavřen v bloku html?
Šablony Angular jsou HTML, takže se výsledek vrátí jako blok kódu Markdown označený html. Do souboru šablony zkopírujte řádky mezi oddělovači.
Jak velká může být moje šablona?
Při každém spuštění lze zpracovat až 5 MB; větší vstup bude odmítnut se zprávou. Výstup je totožný s možností Angular ve formátovači kódu.