📅  最后修改于: 2020-12-08 05:31:03             🧑  作者: Mango
Mobile Angular UI是用于开发混合移动应用程序的开源框架。移动Angular UI利用Twitter Bootstrap和AngularJS来帮助创建有吸引力的HTML5混合移动和桌面应用程序。
移动Angular UI有一些很酷的组件,在下面列出-
导航栏-导航栏利用设备屏幕的顶部和底部。我们可以使用顶部导航栏显示菜单项或标题部分。底部导航栏可用于显示页脚部分。
可滚动区域-此功能使应用程序更加用户友好。添加CSS类。 scrollable-header / .scrollable-footer ,会将固定的页眉/页脚添加到所需的可滚动区域。您不必担心高度和位置,CSS会处理所有事情。
手风琴-当内容应该以部分视图的形式出现,并且一次可以看到任何一个部分时,通常会使用手风琴。您可以隐藏并打开下一部分以查看其中的内容。
下拉菜单-与下拉菜单一起使用,将css .dropdown-menu添加到容器中即可达到目的。
模式和叠加-模式和叠加将在屏幕上显示一个弹出式窗口。重叠式广告素材与模式广告素材的区别仅在于容器的显示方式。
区域-区域是显示在体内的容器。您可以使用各节可用的类来修改设备中显示器的布局。您可以使用.section-default,.section-primary,.section-success,.section-info,.section-warning或.section-danger之类的类来更改布局。
侧边栏-侧边栏占据了屏幕的左侧和右侧。单击连接到左侧或右侧的项目时,它们始终处于隐藏状态并被激活。这是利用屏幕空间的最佳方法。
切换开关-Mobile Angular UI使用ui-switch指令提供了切换开关元素。 ui-switch指令应用于布尔ngModel值时会进行切换。
选项卡-选项卡是角度移动ui中可用的有用组件。选项卡可在同一包装中使用,并在单独的窗格中显示内容,就像在浏览器中打开选项卡的方式一样。一次仅向用户显示一个选项卡。
以下是Mobile Angular UI的优势-
移动Angular UI提供了很酷的UI移动组件,例如导航栏,侧边栏,模式和叠加层,开关等。
使用AngularJS和Twitter Bootstrap易于学习和入门,因此易于创建混合应用程序。另外,它是一个免费的开源框架。
可以将离子组件与Mobile Angular UI组件一起使用。
以下是Mobile Angular UI的缺点-
作为纯JavaScript框架,用AngularJS编写的应用程序并不安全。必须确保服务器端的身份验证和授权才能确保应用程序的安全。
随着将AngularJS指令添加到HTML标记中,错误出现时调试变得有些困难。