UI móvel angular - Visão geral
O Mobile Angular UI é uma estrutura de código aberto para o desenvolvimento de aplicativos móveis híbridos. O Mobile Angular UI usa Twitter Bootstrap e AngularJS que ajuda a criar aplicativos HTML5 híbridos atraentes para dispositivos móveis e desktop.
Recursos da IU móvel angular
A IU móvel angular tem alguns componentes interessantes listados abaixo -
Navbars- As barras de navegação usam as partes superior e inferior da tela do dispositivo. Podemos usar a barra de navegação superior para exibir os itens do menu ou a seção do cabeçalho. A barra de navegação inferior pode ser usada para exibir a seção de rodapé.
Scrollable Areas- Este recurso torna o aplicativo mais amigável. Adicionando classes css. scrollable-header / .scrollable-footer , adicionará cabeçalho / rodapé fixo à área rolável que você deseja. Você não precisa se preocupar com a altura e posicionamento, o css cuidará de tudo.
Accordion- Acordeões são usados principalmente quando o conteúdo deve estar no tipo de vista de seção e qualquer uma, uma seção é visível por vez. Você pode ocultar e abrir a próxima seção para visualizar o conteúdo dela.
Dropdowns - Para trabalhar com menus suspensos, a adição do css. Menu suspenso ao contêiner serve ao propósito.
Modals and Overlays- Modais e sobreposições exibirão uma janela do tipo pop-up em sua tela. As sobreposições diferem do modal apenas na forma como o contêiner é exibido para elas.
Sections- Seções são contêineres exibidos dentro do corpo. Você pode modificar o layout de sua tela no dispositivo com classes disponíveis com seções. Você pode fazer uso de classes como.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger para alterar o layout.
Sidebars- As barras laterais ocupam os lados esquerdo e direito da tela. Eles estão sempre ocultos e ativados quando o item conectado ao lado esquerdo ou direito é clicado. É a melhor maneira de utilizar o espaço da tela.
Toggle Switch - Mobile UI Angular oferece elementos de alternância usando o ui-switchdiretiva. A diretiva ui-switch faz uma alternância quando aplicada em um valor booleano ngModel.
Tabs- As guias são componentes úteis disponíveis no ui móvel angular. As guias estão disponíveis no mesmo invólucro e mostram seu conteúdo em um painel separado, assim como as guias são abertas no navegador. Apenas uma guia é exibida para o usuário por vez.
Vantagens da IU móvel angular
A seguir estão as vantagens da IU móvel angular -
A IU móvel angular fornece componentes móveis de IU interessantes, como barra de navegação, barras laterais, modais e sobreposições, interruptores, etc.
Fácil de criar aplicativos híbridos, pois usa AngularJS e Twitter Bootstrap, que são muito fáceis de aprender e começar. Além disso, é uma estrutura de código aberto gratuita.
É possível usar componentes iônicos junto com componentes de IU móvel angular.
Desvantagens da IU móvel angular
A seguir estão as desvantagens da IU móvel angular -
Por ser uma estrutura somente JavaScript, os aplicativos escritos em AngularJS não são seguros. A autenticação e autorização do lado do servidor são necessárias para manter um aplicativo seguro.
Como as diretivas AngularJS são adicionadas à marcação HTML, a depuração se torna um pouco difícil quando ocorre o erro.