• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ajoslin/angular-mobile-nav: An angular navigation service for mobile application ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

ajoslin/angular-mobile-nav

开源软件地址(OpenSource Url):

https://github.com/ajoslin/angular-mobile-nav

开源编程语言(OpenSource Language):

JavaScript 55.2%

开源软件介绍(OpenSource Introduction):

angular-mobile-nav

Demo (Only will work in webkit browsers)

Download (.zip)

A simple navigation service and directive which will transition between partials. Intended for mobile applications on Android/iOS.

Licensed with MIT License.

State of this Project (as of July 2013)

  • I will add no new features to this - only continue to maintain it.
  • I recommend a solution like Ionic Framework for a full-scale mobile application solution.
  • angular-mobile-nav is a good solution for a minimal mobile angularjs navigation library, with no frills or addons.
  • However, it could be done much simpler post angular-1.2.x, using ng-view, ng-animate, and some locationChangeSuccess listening to detect back.
  • If you want to fix bugs with this, please email me and ask and I may make you a collaborator.

Usage

  • Requires AngularJS 1.1.4+

  • Include mobile-nav.js and mobile-nav.css into your page

  • Declare 'mobile-navigate' as a dependency for your angular app: angular.module('myApp', ['ajoslin.mobile-navigate']);

  • Setup your routes as normal with $routeProvider.

  • Use the $navigate service to do your transitions, instead of <a> links. Use $navigate.go('/path'), and $navigate.back().

  • You can erase history (eg when switching tabs) with $navigate.eraseHistory()

  • You can add transition classes of your own (check out the css file for how the current ones are done). There are three presets available: slide, modal, and none. Use them in the go function, eg $navigate.go('/path', 'modal').

  • Use the <mobile-view> element instead of the normal <ng-view>.

Development

  • To use the Makefile, install jshint and uglifyjs with npm install -g jshint uglify-js.
  • If you are on windows and can't use a Makefile, there's nothing else at the moment.
  • To get the demo to work, you first have to run make, then open the demo at dist/index.html.
  • When pushing a new build, go to the gh-pages branch and move the contents dist folder up one level (mv dist/* .)

Improving Phonegap Performance on Android

See this wiki article by @ArtworkAD.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap