https://github.com/clauderic/angular-navbar
Mobile nav-bar directive for AngularJS with view transitions
https://github.com/clauderic/angular-navbar
Last synced: 5 months ago
JSON representation
Mobile nav-bar directive for AngularJS with view transitions
- Host: GitHub
- URL: https://github.com/clauderic/angular-navbar
- Owner: clauderic
- Created: 2015-01-29T22:13:51.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-01-30T21:16:18.000Z (almost 11 years ago)
- Last Synced: 2025-02-06T13:31:45.533Z (11 months ago)
- Language: CSS
- Size: 445 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Nav Panels
A nav-bar directive for AngularJS for mobile devices with sliding view transitions
### IMPORTANT NOTE:
This is a work in progress. Partial fork of ion-nav-view, removed dependency on ui-router, which allows for nesting within modals and other directives.
#### Get started
**(1)** Get Angular Nav Panels:
- [download the release](https://raw.githubusercontent.com/clauderic/angular-navbar/master/index.js)
- clone this repository
**(2)** Include `angular-nav-panels.js` (or `angular-nav-panels.min.js`) in your `index.html`, after including Angular itself (For Component users: ignore this step)
**(3)** Add `'ngNavPanels'` to your main module's list of dependencies (For Component users: replace `'ngNavPanels'` with `require('ng-nav-panels')`)
Your markup should look like the following:
```html
Left actions
Main
Right actions
Some content for the main panel.
Go to edit panel
Edit
Done
Secondary panel
[...]
```
#### Methods
You can expose the `goTo(state)` and `goBack()` methods by assinging a `delegateHandle` to your `nav-panels` element to navigate between panels