5 AngularJS okviri za hitrejše izvajanje aplikacij
Zdaj, ko ste dobro seznanjeni z osnovami, je čas, da začnete izgradnjo lastne spletne aplikacije z AngularJS. AngularJS je naredil aplikacijo, ki temelji na Javascriptu, bolj intuitivno z uporabo tega, kar se imenuje direktiv, ki deluje z roko v roki z vašimi oznakami HTML.
Če se vam zdi, da je izgradnja spletne aplikacije iz tal, vam ni treba skrbeti. Nekateri zelo velikodušni razvijalci imajo prilagodil nekaj okvirov frontendov za podporo AngularJS. Kot tipičen okvir, prihajajo z vnaprej izdelanimi spletnimi komponentami. Zaradi tega je uporaba okvirja odlično orodje za vsakogar, ki potrebuje hitro in hitro izvajanje spletne aplikacije.
Tu je 5 okvirov, ki jih lahko uporabite za zagon spletne aplikacije z AngularJS.
1. AngularUI Bootstrap
AngularUI Bootstrap, kot že ime pove, je zgrajen na vrhu enega najbolj priljubljenih okvirov vmesnika Bootstrap. Ta okvir vsebuje nabor komponent Bootstrap, kot so Carousel, Alert in Collapse skupaj z nekaterimi dodatki, kot sta Rating in TimePicker.
Vse te komponente so bile prenesene za uporabo direktiv AngularJS ( Če ste velik oboževalec Bootstrap-a in uživate v moči in zmogljivosti, ki jo ponuja AngularJS, je to lahko odlična izbira okvira. Še en priljubljen okvir, ki je bil prav tako prenesen za uporabo AngularJS, je Foundation, in je preprosto imenovan “Kotna fundacija”. Podobno je ta okvir spremenil komponente Fundacije, da bi sprejeli direktivo AngularJS in elemente HTML po meri, tako da lahko zdaj zgradite svojo spletno aplikacijo z uporabo bolj semantično imenovanih elementov HTML. Če vam je Fundacija všeč boljša od Bootstrap, potem je to okvir, ki ga je treba uporabiti. Prenesite Angular Foundation na to stran ali bodite na tekočem z razvojem projekta preko Github repo. Ionsko prihaja z nekaj trdnimi gradbenimi bloki, ki omogočajo enostavno in hitro razvoj mobilnih aplikacij. Vsaka komponenta v jonskem okviru je optimizirana za mobilno izkušnjo, ki je v osnovi odvisna od dotika in gibov. Te komponente uporabniškega vmesnika so sestavljene tudi iz elementov HTML po meri. Pri uvajanju navigacije z zavihki boste na primer uporabili Za še lažje in hitrejše izdelavo aplikacije lahko uporabite Ionic Creator, ki vam omogoča, da zgradite aplikacijo z drag-n-dropom. Torej, če sta uspešnost in hitrost za vas pomembna, je Ionic najboljši okvir, ki ga je treba uporabiti. Mobilni kotni uporabniški vmesnik je okvir mobilnega uporabniškega vmesnika, ki je razširitev okvira Bootstrap, namenjen ustvarjanju mobilnih aplikacij. Uporablja večino sintakse Bootstrap 3 z nekaterimi dodanimi specifičnimi mobilnimi komponentami, kot so stikala, prekrivne površine, stranske vrstice in področja, ki jih lahko pomikate. Odvisna je le od funkcije AngularJS in trenutno spletno aplikacijo lahko enostavno prenesete v različico za mobilne naprave, tako da dodate CSS, ki bo vašo vsebino prilagodila in omogočila dotik. Prenesite ta okvir tukaj Mreža uporabniškega vmesnika je najboljši način za delo z mrežo ali tabelo z Angular. Ima bogate funkcije za prikaz preprostih in kompleksnih podatkovnih nizov na mreži. UI Grid je zasnovan za izvajanje kompleksnih funkcij samo, kadar je to potrebno, s čimer ohranja jedro majhno. Z UI Grid lahko celice povežete s kompleksnimi lastnostmi / funkcijami, razvrščanjem in filtriranjem stolpcev, urejanjem podatkov na mestu in še več. Če želite spremeniti sloge prikaza podatkovne mreže, uporabite možnost Prilagoditev. Prenesite najnovejšo omrežje uporabniškega vmesnika z domače strani.ng-repeat
in ng-krmilnik
) in elemente HTML po meri. Na primer, namesto z uporabo
in
:
2. Kotna fundacija
,
, in
, ne dvoumno
element:
3. Ionski okvir
:
4. Mobilni kotni uporabniški vmesnik
5. Mreža uporabniškega vmesnika