具有Angular的移动HTML5开发的轻量级UI堆栈

我即将使用Angular构建一个相当简单的“能源使用问题跟踪器” HTML5移动应用程序(仅限 Android / iOS Webkit).我想避免像HTML5Boilerplate这样的框架,并使用尽可能少的js库,并避免任何JQuery;我们都不使用node.js.我真正需要的唯一UI功能是屏幕转换(最好是基于CSS3的硬件加速),并避免300ms的点击延迟.我一直在考虑 angular-mobile-nav,但我对其他人的选择感兴趣.

目前,这将是一个“保存到主屏幕”的单页面webapp,因此用户可以提交问题(例如灯亮,建筑物中没有人),拍摄并附加照片,以及查看/过滤列表已经提交的问题,每个问题都可以进行投票和推特.应用程序将存在现有的REST后端PUT / POST,我们将使用服务器发送的事件来更新应用程序上的列表.

这些都不是太难(我让相机工作,后端启动并运行),但为轻量级用户界面找到一个最小的Angular友好解决方案正在阻碍我.

解决方法

我认为 AngularUI将让你专门到达目标 UI Boostrap,它包含一组基于Twitter Bootstrap标记和CSS的原生AngularJS指令.因此,不需要依赖jQuery或Bootstrap的JavaScript.唯一需要的依赖项是AngularJS(最小版本1.0.4或1.1.2)和Bootstrap CSS,关于库缩小版本的大小约为40 KB.

我希望我的回答对你有帮助,请随时问我任何问题？我很乐意回答.