Мобильный пользовательский интерфейс Angular - Обзор
Mobile Angular UI - это платформа с открытым исходным кодом для разработки гибридных мобильных приложений. Мобильный пользовательский интерфейс Angular использует Twitter Bootstrap и AngularJS, которые помогают создавать привлекательные гибридные мобильные и настольные приложения HTML5.
Особенности мобильного Angular UI
Mobile Angular UI имеет несколько интересных компонентов, которые перечислены ниже -
Navbars- Navbars использует верхнюю и нижнюю часть экрана устройства. Мы можем использовать верхнюю навигационную панель для отображения пунктов меню или раздела заголовка. Нижнюю панель навигации можно использовать для отображения раздела нижнего колонтитула.
Scrollable Areas- Эта функция делает приложение более удобным для пользователя. Добавление классов css. scrollable-header / .scrollable-footer добавит фиксированный верхний / нижний колонтитул в нужную прокручиваемую область. Вам не нужно беспокоиться о высоте и расположении, CSS позаботится обо всем.
Accordion- Аккордеоны в основном используются, когда контент должен быть в виде раздела, и каждый, один раздел виден одновременно. Вы можете скрыть и открыть следующий раздел, чтобы просмотреть его содержимое.
Dropdowns - Для работы с выпадающими списками этой цели служит добавление css .dropdown-menu в контейнер.
Modals and Overlays- Модальные окна и оверлеи будут отображать всплывающее окно на вашем экране. Оверлеи отличаются от модальных только тем, как для них отображается контейнер.
Sections- Разделы - это контейнеры, которые отображаются внутри тела. Вы можете изменить макет своего дисплея в устройстве с помощью классов, доступных с разделами. Вы можете использовать такие классы, как.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger изменить макет.
Sidebars- Боковые панели занимают левую и правую часть экрана. Они всегда скрыты и активируются при нажатии на элемент, связанный с левой или правой стороной. Это лучший способ использовать пространство на экране.
Toggle Switch - Мобильный пользовательский интерфейс Angular предлагает элементы тумблера с помощью ui-switchдиректива. Директива ui-switch выполняет переключение при применении к логическому значению ngModel.
Tabs- Вкладки - это полезные компоненты, доступные в мобильном интерфейсе angular. Вкладки доступны в той же оболочке и отображают ваше содержимое на отдельной панели, точно так же, как вкладки открываются в браузере. Одновременно пользователю отображается только одна вкладка.
Преимущества мобильного Angular UI
Ниже приведены преимущества Mobile Angular UI:
Mobile Angular UI предоставляет классные мобильные компоненты UI, такие как панель навигации, боковые панели, модальные окна и оверлеи, переключатели и т. Д.
Легко создавать гибридные приложения, так как он использует AngularJS и Twitter Bootstrap, которые очень легко изучить и начать работу. Кроме того, это бесплатная платформа с открытым исходным кодом.
Можно использовать ионные компоненты вместе с компонентами пользовательского интерфейса Mobile Angular.
Недостатки Mobile Angular UI
Ниже приведены недостатки Mobile Angular UI:
Поскольку это фреймворк только для JavaScript, приложения, написанные на AngularJS, небезопасны. Аутентификация и авторизация на стороне сервера необходимы для обеспечения безопасности приложения.
Поскольку директивы AngularJS добавляются к разметке HTML, отладка становится немного сложной, когда возникает ошибка.