Formatter Angular
Formatuj szablony komponentów Angular za pomocą narzędzia Formatter Angular. Wklej HTML szablonu z dyrektywami strukturalnymi, powiązaniami i interpolacją, a narzędzie umieści elementy blokowe, takie jak div, section, p, ul i table, w osobnych wierszach z wcięciami o szerokości dwóch spacji, usunie zbędne białe znaki i sformatuje wbudowane bloki skryptu i stylów. Dyrektywy, powiązania i wyrażenia pozostają bez zmian, dzięki czemu programiści Angular szybko otrzymują przejrzyste szablony.
Najczęściej zadawane pytania
Co mogę formatować za pomocą narzędzia Formatter Angular?
Formatuje szablony komponentów Angular, czyli HTML pisane w plikach .component.html lub w ciągu szablonu. Klasy komponentów TypeScript nie są tu obsługiwane; użyj do nich narzędzia Formatter TypeScript.
Czy dyrektywy i powiązania są zachowywane?
Tak, atrybuty takie jak *ngIf, *ngFor, [value], (click) i [(ngModel)] oraz interpolacje, takie jak {{ user.name }}, są kopiowane dokładnie tak, jak zostały zapisane. Zmieniają się tylko białe znaki między elementami.
Które elementy trafiają do osobnych wierszy?
Gdy element zawiera elementy potomne poziomu blokowego, takie jak div, section, article, header, footer, nav, main, form, p, h1 do h6, ul, ol lub table, każde z nich trafia do osobnego wiersza z wcięciem. Elementy bez takich potomnych pozostają w jednym wierszu, a ciągi białych znaków są zastępowane pojedynczymi spacjami.
Dlaczego mój niestandardowy komponent pozostaje w jednym wierszu?
Niestandardowe elementy, takie jak app-root lub mat-card, nie są elementami HTML poziomu blokowego, więc ich zawartość pozostaje w jednym wierszu, chyba że zawiera element blokowy, taki jak div lub p. Umieść zawartość w elemencie blokowym, jeśli chcesz rozłożyć ją na osobne wiersze.
Czy elementy listy są umieszczane w osobnych wierszach?
Nie, nie samodzielnie: li nie należy do znaczników poziomu blokowego, dlatego ul, którego jedynymi elementami potomnymi są li, pozostaje w jednym wierszu. Umieść w elementach zawartość blokową, taką jak div, aby rozłożyć je na osobne wiersze.
Co się dzieje ze znacznikami script i style?
Wbudowane bloki stylów są formatowane jako CSS, a wbudowane skrypty jako JavaScript, z wcięciem pod ich znacznikiem. Zawartość elementów pre i textarea jest zachowywana dokładnie tak, jak została zapisana.
Czy komentarze HTML są zachowywane?
Tak, komentarze HTML są zachowywane i umieszczane w osobnym wierszu wewnątrz rozwiniętych elementów. Ich zawartość jest kopiowana bez zmian, więc zakomentowany kod znaczników pozostaje taki sam.
Czy narzędzie sprawdza poprawność mojego szablonu?
Nie, nie kompiluje ani nie sprawdza szablonu, a niezamknięte znaczniki są formatowane najlepiej, jak to możliwe. Użyj ng build lub usługi językowej Angular w edytorze, aby znaleźć błędy w szablonie.
Dlaczego wynik jest otoczony znacznikami kodu html?
Szablony Angular są HTML, dlatego wynik jest zwracany jako blok kodu Markdown oznaczony jako html. Skopiuj wiersze między znacznikami ogrodzenia do pliku szablonu.
Jak duży może być mój szablon?
Do 5 MB na jedno uruchomienie; większe dane wejściowe są odrzucane z komunikatem. Wynik jest identyczny z opcją Angular narzędzia Code Formatter.