Angular formatavimo įrankis
Formatuokite Angular komponentų šablonus naudodami šį Angular formatavimo įrankį. Įklijuokite šablono HTML su struktūrinėmis direktyvomis, susiejimais ir interpoliacija, o įrankis blokinius elementus, pavyzdžiui, div, section, p, ul ir table, pateiks atskirose eilutėse su dviejų tarpų įtrauka, pašalins perteklinius tarpus ir suformatuos įterptus script bei style blokus. Direktyvos, susiejimai ir išraiškos išsaugomi tiksliai taip, kaip parašyti, todėl Angular kūrėjai greitai gauna tvarkingus šablonus.
Dažnai užduodami klausimai
Ką galiu formatuoti naudodamas Angular formatavimo įrankį?
Jis formatuoja Angular komponentų šablonus – HTML, kurį rašote .component.html failuose arba šablono eilutėje. TypeScript komponentų klasės čia neapdorojamos; joms naudokite TypeScript formatavimo įrankį.
Ar direktyvos ir susiejimai išsaugomi?
Taip, tokie atributai kaip *ngIf, *ngFor, [value], (click) ir [(ngModel)], taip pat tokios interpoliacijos kaip {{ user.name }}, nukopijuojami tiksliai taip, kaip parašyti. Keičiasi tik tarpai tarp elementų.
Kurie elementai perkeliami į atskiras eilutes?
Kai elemente yra blokinio lygmens antrinių elementų, pavyzdžiui, div, section, article, header, footer, nav, main, form, p, h1–h6, ul, ol arba table, kiekvienas jų pateikiamas atskiroje įtrauktoje eilutėje. Elementai be tokių antrinių elementų lieka vienoje eilutėje, o pasikartojantys tarpai sutraukiami iki vieno.
Kodėl mano pasirinktinis komponentas lieka vienoje eilutėje?
Pasirinktiniai elementai, pavyzdžiui, app-root arba mat-card, nėra blokinio lygmens HTML elementai, todėl jų turinys lieka toje pačioje eilutėje, nebent jame yra blokinis elementas, pavyzdžiui, div arba p. Jei norite turinį išplėsti į kelias eilutes, apgaubkite jį blokiniu elementu.
Ar sąrašo elementai pateikiami atskirose eilutėse?
Ne savaime: li nėra viena iš blokinio lygmens žymų, todėl ul, kurio vieninteliai antriniai elementai yra li, lieka vienoje eilutėje. Įterpkite į sąrašo elementus blokinį turinį, pavyzdžiui, div, kad jie būtų išdėstyti atskirose eilutėse.
Kas nutinka su script ir style žymomis?
Įterpti style blokai formatuojami kaip CSS, o įterpti skriptai – kaip JavaScript ir įtraukiami po savo žyma. pre ir textarea elementų turinys išsaugomas tiksliai taip, kaip parašytas.
Ar išsaugomi HTML komentarai?
Taip, HTML komentarai išsaugomi ir išplėstuose elementuose pateikiami atskirose eilutėse. Jų turinys nukopijuojamas tiksliai, tad užkomentuotas žymėjimas lieka toks, koks buvo.
Ar įrankis patikrina mano šabloną?
Ne, šablonas nei kompiliuojamas, nei tikrinamas, o neuždarytos žymos formatuojamos kiek įmanoma geriau. Šablono klaidoms rasti naudokite ng build arba savo redaktoriaus Angular kalbos tarnybą.
Kodėl išvestis pateikiama html aptvare?
Angular šablonai yra HTML, todėl rezultatas pateikiamas kaip Markdown kodo blokas su html žyma. Nukopijuokite eilutes tarp aptvarų į savo šablono failą.
Kokio dydžio gali būti mano šablonas?
Iki 5 MB per vieną vykdymą; didesnė įvestis atmetama ir parodomas pranešimas. Išvestis tokia pati kaip Code Formatter parinkties Angular.