5 „AngularJS“ sistemos, skirtos „Apps“ gauti ir veikti greitai
Dabar, kai esate gerai susipažinę su pagrindais, atėjo laikas pradėti darbą kurti savo interneto programą su „AngularJS“. „AngularJS“ sukūrė „JavaScript“ pagrindu veikiančią programą intuityviau naudojant tai, kas vadinama direktyvų, kuris veikia kartu su HTML žymėjimais.
Jei žiniatinklio programos kūrimas iš žemės, jums atrodo didžiulis, nesijaudinkite. Kai kurie labai turtingi kūrėjai pritaikė keletą frontendų sistemų, kad palaikytų „AngularJS“. Kaip ir tipiška sistema, jie ateina su iš anksto sukonstruotais interneto komponentais. Naudojant sistemą, tai yra puiki priemonė tiems, kurie turi gauti žiniatinklio programą ir veikti greitai.
Čia yra 5 sistemos, kurias galite naudoti, norėdami pradėti „Webular“ programą su „AngularJS“.
1. „AngularUI Bootstrap“
„AngularUI Bootstrap“, kaip rodo pavadinimas, yra pastatytas ant vieno iš populiariausių priekinių rėmų, Bootstrap. Šioje sistemoje yra rinkinys „Bootstrap“ komponentų, pvz., „Karuselė“, „Perspėjimas“ ir „Sutraukti“, taip pat kai kurie papildymai, pvz., „Reitingas“ ir „TimePicker“.
Visi šie komponentai buvo perkelti naudoti AngularJS direktyvoms ( Jei esate didelis „Bootstrap“ gerbėjas, tuo pat metu mėgautis „AngularJS“ siūloma galia ir našumu, tai galėtų būti puikus pasirinkimas. Kita populiari sistema, kuri taip pat buvo perkelta naudoti „AngularJS“ yra Fondas, ir ji yra tiesiog pavadinta “Kampinis fondas”. Be to, ši sistema pakeitė Fondo komponentus, kad priimtų „AngularJS“ direktyvą ir pasirinktinius HTML elementus, todėl dabar galite kurti savo žiniatinklio taikomąją programą naudodami daugiau semantiškai pavadintą HTML elementą Jei jums patinka Fondas geriau nei „Bootstrap“, tai yra sistema, su kuria norite eiti. Atsisiųskite kampinį fondą šiame puslapyje arba atnaujinkite su projekto plėtra per „Github“ repo. Jonų Jame yra keletas tvirtų statybinių blokų, kurie leidžia lengvai ir greitai kurti mobilias programas. Kiekvienas Ionic sistemos komponentas yra optimizuotas mobiliosioms patirčiai, kuri iš esmės priklauso nuo prisilietimo ir gestų. Šie UI komponentai taip pat susideda iš pasirinktinių HTML elementų. Pvz., Naudodamiesi skirtuko naršymu, naudokite Kad būtų lengviau ir greičiau sukurti savo programą, galite naudoti „Ionic Creator“, leidžiančią sukurti savo programą, nuvilkdami. Taigi, jei efektyvumas ir greitis yra svarbūs jums, Ionic yra geriausia sistema. Mobilioji kampinė UI yra mobiliojo ryšio sąsajos sistema, kuri yra „Bootstrap“ sistemos išplėtimas, skirtas kurti mobilias programas. Ji naudoja daugumą „Bootstrap 3“ sintaksų su kai kuriais papildomais specifiniais mobiliais komponentais, pvz., Jungikliais, perdangomis, šoninėmis juostomis ir slenkamomis sritimis. Tai priklauso tik nuo „AngularJS“ ir jūs galite lengvai perkelti dabartinę žiniatinklio programą į mobilią versiją, pridedant pateiktą CSS, kad turinys būtų reaguojamas ir įjungtas. Atsisiųskite šią sistemą čia UI tinklelis yra geriausias būdas dirbti tinklelį ar stalą su kampiniu. Ji turi daug funkcijų, kad būtų galima rodyti paprastus, taip pat sudėtingus ir didelius duomenų rinkinius tinkle. UI tinklelis sukurtas taip, kad įvykdytų sudėtingas funkcijas tik tada, kai reikia, taip išlaikant mažą pagrindą. Su „UI Grid“ galite susieti ląsteles su sudėtingomis savybėmis / funkcijomis, paleisti stulpelių rūšiavimą ir filtravimą, redaguoti turimus duomenis ir dar daugiau. Jei norite keisti duomenų perdavimo tinklo stilių, naudokite „Customizer“. Gaukite naujausią UI tinklelį iš savo pagrindinio puslapio.ng-pakartoti
ir ng-valdiklis
) ir pasirinktinius HTML elementus. Pavyzdžiui, o ne naudojant a
ir
:
2. Kampinis fondas
,
, ir
, ne dviprasmiškas
elementas:
3. Jonų sistema
:
4. Mobilioji kampinė UI
5. UI tinklelis