5 AngularJS рамки за да получите Apps Up и тичам бързо
Сега, когато сте добре запознати с основите, е време да започнете изграждане на собствено уеб приложение с AngularJS. AngularJS направи изграждането на приложение, базирано на Javascript, по-интуитивно, използвайки това, което се нарича директиви, който работи ръка за ръка с вашите HTML маркировки.
Ако изграждането на уеб приложение от земята изглежда непоносимо за вас, не се притеснявайте. Някои много щедри разработчици имат адаптира няколко фронтенд рамки в подкрепа на AngularJS. Подобно на типична рамка, те идват с предварително изградени уеб компоненти. Те правят използването на рамката перфектния инструмент за всеки, който се нуждае от бързо и бързо изпълнение на уеб приложение.
Ето 5 рамки, които можете да използвате, за да стартирате уеб-базирано приложение с AngularJS.
1. AngularUI Bootstrap
AngularUI Bootstrap, както подсказва името, е изграден на върха на една от най-популярните фронт-енд рамки, Bootstrap. Тази рамка съдържа набор от компоненти на Bootstrap като Carousel, Alert и Collapse, заедно с някои допълнения, като Rating и TimePicker.
Всички тези компоненти са пренесени за използване на директивите AngularJS ( Ако сте голям фен на Bootstrap, докато също се наслаждавате на силата и представянето, които AngularJS предлага, това може да бъде перфектен избор на рамка. Друга популярна рамка, която също е била пренесена за използване на AngularJS е Foundation, и тя е просто назована “Ъглова фондация”. По подобен начин тази рамка е модифицирала компонентите на Фондацията, за да приеме директивите на AngularJS и персонализираните HTML елементи, така че сега можете да изградите своето уеб приложение, използвайки семантично наименувани HTML елементи Ако ви харесва фондацията по-добре от Bootstrap, тогава това е рамката, с която да отидете. Свали Angular Foundation на тази страница, или остани в крак с времето с развитието на проекта чрез Github repo. йонийски идва с шепа солидни блокове, което прави разработването на мобилни приложения лесно и бързо. Всеки компонент в йонийската рамка е оптимизиран за мобилно изживяване, което зависи основно от докосване и жестове. Тези UI компоненти също са съставени от персонализирани HTML елементи. При разгръщане на навигация с табове, например, бихте използвали За да стане още по-лесно и по-бързо изграждането на вашето приложение, можете да използвате Ionic Creator, който ви позволява да изграждате вашето приложение чрез drag-n-drop. Така че, ако представянето и скоростта са важни за вас, йонийският е най-добрата рамка, с която да се движите. Мобилен ъглови интерфейс е мобилна UI рамка, която е разширение на рамката на Bootstrap, предназначена за изграждане на мобилни приложения. Той използва повечето от синтаксисите на Bootstrap 3 с някои добавени специфични мобилни компоненти като комутатори, наслагвания, странични ленти и превъртащи се области. Тя зависи само от AngularJS и лесно можете да пренесете текущото си уеб приложение в мобилната версия, като добавите предоставения от вас CSS, за да превърнете съдържанието си в отзивчиво и с активирано докосване. Изтеглете тази рамка тук UI Grid е най-добрият начин да се работи с мрежа или маса с Angular. Той има богати възможности за показване на прости, а също и сложни и големи масиви от данни на мрежата. UI Grid е проектиран да изпълнява сложни функции само когато е необходимо, като по този начин поддържа ядрото малко. С UI Grid можете да свързвате клетките със сложни свойства / функции, да стартирате сортиране и филтриране на колони, да редактирате данните на място и повече. За да промените стиловете на дисплея на вашата мрежа с данни, използвайте Customizer. Вземете най-новата UI мрежа от началната страница.NG-повторение
и нг контролер
) и персонализирани HTML елементи. Например, вместо да използвате a
и
:
2. Ъглова основа
,
, и
, по-скоро от неясните
елемент:
3. Йонна рамка
:
4. Мобилен ъглови интерфейс
5. UI Grid