Demo (Only will work in webkit browsers. Intended for Android/iOS)
A simple navigation service and directive which will transition between partials. Intended for mobile applications.
- Setup your routes as normal with
$routeProvider
. - Use the
$navigate
service to do your transition, instead of<a>
links. Use$navigate.go('/path')
, andnavigate.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
, andnone
. Use them in thego
function, eg$navigate.go('/path', 'modal')
. - Use the
<mobile-view>
element instead of the normal<ng-view>
.
- Add automated tests to run on iOS/Android (probably github page with "Run tests" button)