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.
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>
.
npm install -g jshint uglify-js
.make
, then open the demo at dist/index.html
.mv dist/* .
)See this wiki article by @ArtworkAD.