5 AngularJS Рамках, щоб отримати програми вгору і швидко працювати
Тепер, коли ви добре знайомі з основами, настав час розпочати роботу створення власного веб-додатка з AngularJS. AngularJS зробив побудови додатка на основі Javascript більш інтуїтивним використанням того, що називається директиви, яка працює рука об руку з HTML-розмітками.
Якщо побудова веб-додатків з землі здається переповненим для вас, не хвилюйтеся. Деякі дуже великодушні розробники адаптував декілька фронтендних рамок для підтримки AngularJS. Як і типові рамки, вони поставляються з попередньо побудованими веб-компонентами. Вони роблять використання фреймворку ідеальним інструментом для тих, кому потрібно отримати швидке веб-додаток.
Ось 5 фреймворків, які можна використовувати для запуску веб-додатків з AngularJS.
1. AngularUI Bootstrap
AngularUI Bootstrap, як випливає з назви, побудований на одній з найпопулярніших фронтальних фреймворків, Bootstrap. Цей фреймворк містить набір компонентів Bootstrap, таких як Carousel, Alert і Collapse разом з деякими доповненнями, наприклад, Rating and TimePicker.
Всі ці компоненти були перенесені для використання директив AngularJS ( Якщо ви великий шанувальник Bootstrap, а також користуєтеся потужністю та продуктивністю, яку пропонує AngularJS, це може бути ідеальним вибором рамок. Інший популярний фреймворк, який також був перенесений для використання AngularJS - Foundation, і він просто названий “Кутовий фундамент”. Аналогічно, цей фреймворк змінює компоненти Фонду, щоб прийняти директиву AngularJS та спеціальні елементи HTML, так що тепер ви можете створити веб-додаток, використовуючи семантично назви HTML-елементів Якщо вам подобається Фонд краще, ніж Bootstrap, то це - основа, з якою потрібно йти. Скачайте Angular Foundation на цій сторінці, або залишайтеся в курсі розвитку проекту за допомогою Github repo. Іонний поставляється з кількома твердими будівельними блоками, що робить розробку мобільних додатків легким і швидким. Кожен компонент в іонних рамках оптимізований для мобільного досвіду, який в основному залежить від дотику і жестів. Ці компоненти інтерфейсу також складаються з користувацьких елементів HTML. При розгортанні навігації з вкладками, наприклад, ви будете використовувати Щоб зробити програму ще простішою та швидшою, ви можете використовувати Ionic Creator, який дозволяє створювати ваші програми за допомогою drag-n-drop. Таким чином, якщо продуктивність і швидкість важливі для вас, іонні є найкращою базою для виконання. Мобільний кутовий інтерфейс - це мобільний інтерфейс користувача, який є розширенням рамки Bootstrap, спрямованої на створення мобільних додатків. Він використовує більшість синтаксисів Bootstrap 3 з деякими доданими конкретними мобільними компонентами, такими як комутатори, накладання, бічні панелі та прокручувані області. Це залежить тільки від AngularJS, і ви можете легко привести поточну веб-програму до мобільної версії, додавши наданий CSS, щоб перетворити ваш вміст на відповідь. Завантажте цю структуру тут Сітка UI це найкращий спосіб працювати з сіткою або таблицею з Angular. Він має багаті можливості для відображення простих, а також складних і великих наборів даних на сітці. UI Grid призначений для виконання складних функцій тільки в разі необхідності, таким чином зберігаючи малі ядра. За допомогою UI Grid ви можете прив'язувати комірки до складних властивостей / функцій, виконувати сортування та фільтрування стовпців, редагувати дані на місці та багато іншого. Щоб змінити стилі відображення сітки даних, використовуйте Customizer. Отримати останню мережу інтерфейсу користувача на домашній сторінці.нг-повтор
і нг-контролер
) та спеціальні елементи HTML. Наприклад, замість використання
і
:
2. Кутовий фундамент
,
, і
, швидше, ніж неоднозначні
елемент:
3. Іонні рамки
:
4. Мобільний кутовий інтерфейс
5. Сітка UI