Oblikovalnik Angular
Oblikujte predloge komponent Angular s tem oblikovalnikom Angular. Prilepite predlogo HTML s strukturnimi direktivami, vezavami in interpolacijo; orodje nato postavi blokovne elemente, kot so div, section, p, ul in table, vsakega v svojo vrstico z zamikom dveh presledkov, odstrani odvečne presledke ter oblikuje vstavljene bloke skript in slogov. Direktive, vezave in izrazi ostanejo nespremenjeni, zato Angular razvijalci hitro dobijo čiste predloge.
Pogosta vprašanja
Kaj lahko oblikujem z oblikovalnikom Angular?
Oblikuje predloge komponent Angular, HTML, ki jih pišete v datotekah .component.html ali v nizu predloge. Razredov komponent TypeScript tukaj ni mogoče obdelati; zanje uporabite oblikovalnik TypeScript.
Ali se direktive in vezave ohranijo?
Da, atributi, kot so *ngIf, *ngFor, [value], (click) in [(ngModel)], ter interpolacije, kot je {{ user.name }}, se prekopirajo natanko tako, kot so zapisani. Spremenijo se samo presledki med elementi.
Kateri elementi so postavljeni vsak v svojo vrstico?
Če element vsebuje blokovne podrejene elemente, kot so div, section, article, header, footer, nav, main, form, p, h1 do h6, ul, ol ali table, je vsak podrejeni element v svoji zamaknjeni vrstici. Elementi brez takih podrejenih elementov ostanejo v eni vrstici, nizi presledkov pa se skrčijo v en sam presledek.
Zakaj moja komponenta po meri ostane v eni vrstici?
Elementi po meri, kot sta app-root ali mat-card, niso blokovni elementi HTML, zato njihova vsebina ostane v isti vrstici, razen če vsebuje blokovni element, kot sta div ali p. Če želite vsebino razširiti, jo ovijte v blokovni element.
Ali so elementi seznama postavljeni v ločene vrstice?
Ne sami po sebi: li ni ena od blokovnih oznak, zato ul, katerega edini podrejeni elementi so li, ostane v eni vrstici. Če želite, da se razporedijo v več vrstic, v elemente vstavite blokovno vsebino, kot je div.
Kaj se zgodi z oznakama script in style?
Vstavljeni bloki slogov so oblikovani kot CSS, vstavljeni skripti pa kot JavaScript in zamaknjeni pod svojo oznako. Vsebina elementov pre in textarea se ohrani natanko tako, kot je zapisana.
Ali se komentarji HTML ohranijo?
Da, komentarji HTML se ohranijo in v razširjenih elementih postavijo vsak v svojo vrstico. Njihova vsebina se prekopira natanko, zato označevanje v komentarjih ostane nespremenjeno.
Ali orodje preveri mojo predlogo?
Ne, predloge ne prevede ali preveri, ne zaprte oznake pa oblikuje po najboljših močeh. Za iskanje napak v predlogah uporabite ng build ali jezikovno storitev Angular v urejevalniku.
Zakaj je izhod označen kot html z ograjami?
Predloge Angular so HTML, zato je rezultat vrnjen kot kodni blok Markdown z oznako html. Kopirajte vrstice med ograjama v datoteko predloge.
Kako velika je lahko moja predloga?
Do 5 MB na zagon; večji vnos je zavrnjen s sporočilom. Izhod je enak možnosti Angular v orodju Code Formatter.