Angular vormindaja
Vorminda Angular komponendimalle selle Angular vormindajaga. Kleebi mall HTML, mis sisaldab struktuuridirektiive, sidumisi ja interpolatsiooni, ning tööriist paigutab plokkelemendid, näiteks div, section, p, ul ja table, eraldi ridadele kahe tühiku taandega, eemaldab üleliigse tühiruumi ning vormindab tekstisisesed script- ja style-plokid. Direktiivid, sidumised ja avaldised säilivad täpselt algsel kujul, nii saavad Angular arendajad kiiresti puhtad mallid.
Korduma kippuvad küsimused
Mida saan Angular vormindajaga vormindada?
See vormindab Angular komponendimalle ehk HTML, mille kirjutad .component.html-failidesse või mallistringi. TypeScript komponentklasse siin ei töödelda; nende jaoks kasuta TypeScript vormindajat.
Kas direktiivid ja sidumised säilivad?
Jah, atribuudid nagu *ngIf, *ngFor, [value], (click) ja [(ngModel)] ning interpolatsioonid nagu {{ user.name }} kopeeritakse täpselt algsel kujul. Muutub ainult elementidevaheline tühiruum.
Millised elemendid paigutatakse eraldi ridadele?
Kui element sisaldab plokktaseme alamelemente, näiteks div, section, article, header, footer, nav, main, form, p, h1 kuni h6, ul, ol või table, paigutatakse iga alamelement eraldi taandega reale. Elemendid, millel selliseid alamelemente pole, jäävad ühele reale ning järjestikune tühiruum asendatakse ühe tühikuga.
Miks jääb mu kohandatud komponent ühele reale?
Kohandatud elemendid, näiteks app-root või mat-card, ei ole plokktaseme HTML elemendid, seega jääb nende sisu ühele reale, välja arvatud juhul, kui see sisaldab plokkelementi nagu div või p. Kui soovid sisu mitmele reale jagada, paiguta see plokkelemendi sisse.
Kas loendiüksused paigutatakse eraldi ridadele?
Mitte iseseisvalt: li ei ole üks plokktaseme siltidest, seega jääb ul, mille ainsad alamelemendid on li-elemendid, ühele reale. Lisa üksuste sisse plokksisu, näiteks div, et need eraldi ridadele paigutada.
Mis juhtub script- ja style-siltidega?
Tekstisisesed style-plokid vormindatakse CSS-ina ja tekstisisesed skriptid JavaScript-ina ning taandatakse oma sildi all. Elementide pre ja textarea sisu säilitatakse täpselt algsel kujul.
Kas HTML-i kommentaarid säilivad?
Jah, HTML-i kommentaarid säilitatakse ja paigutatakse laiendatud elementide sees eraldi ridadele. Nende sisu kopeeritakse muutmata kujul, nii et kommenteeritud märgendus jääb samaks.
Kas see valideerib mu malli?
Ei, see ei kompileeri ega kontrolli malli ning vormindab sulgemata silte nii hästi kui võimalik. Mallivigade leidmiseks kasuta ng build-i või oma redaktori Angular-i keeleteenust.
Miks on väljund ümbritsetud html-koodiploki piiretega?
Angular-i mallid on HTML, seega tagastatakse tulemus Markdown koodiplokina, mille märgend on html. Kopeeri piiritlejate vahele jäävad read oma mallifaili.
Kui suur võib mu mall olla?
Kuni 5 MB ühe käivituse kohta; suurem sisend lükatakse tagasi koos teatega. Väljund on sama mis Code Formatteri valikuga Angular.