An angular directive wrapper for drawer.
(1) Get angular-drawer via Bower
$ bower install angular-drawer
or add bower.json
$ bower install angular-drawer --save
(2) add css & javascript link to html
...
<link rel="stylesheet" href="bower_components/angular-drawer/dist/styles/angular-drawer.min.css">
...
<script src="bower_components/angular-drawer/dist/angular-drawer.min.js"></script>
...
(3) add 'angular-drawer'
to your main module's list of dependencies
var myApp = angular.module('myApp', ['angular-drawer']);
(4) enjoy!
default - left drawer
<div drawer>
Left Drawer
</div>
right drawer
<div drawer="right">
right Drawer
</div>
open drawer
<a ng-click="openLeftDrawer();">
open
</a>
TODO: customizing guide
- Fork it ( https://github.com/remotty/angular-drawer/fork )
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request
$ bower install
$ npm install
$ node_modules/protractor/bin/webdriver-manager update
$ gulp test
$ gulp