angular-aside ![npm version](https://camo.githubusercontent.com/ba649f29e426b210db4b24779d1ec8470db97573fccf43ed5fa4052bb40918d9/68747470733a2f2f62616467652e667572792e696f2f6a732f616e67756c61722d61736964652e737667)
Off canvas side menu for use with ui-bootstrap 0.14+. Extends ui-bootstrap's $uibModal
provider.
Live Demo
Install
Bower:
$ bower install angular-aside
Then, include css/js in html.
NPM
$ npm install angular-aside
Usage
angular.module('myApp', ['ui.bootstrap', 'ngAside']);
angular.module('myApp')
.controller('MyController', function($scope, $aside) {
var asideInstance = $aside.open({
templateUrl: 'aside.html',
controller: 'AsideCtrl',
placement: 'left',
size: 'lg'
});
});
Supports all configuration that $uibModal
has. Can be used with both template
and templateUrl
. For more info hit Modal section on angular-ui bootstrap documentation.
Additional Config
placement
- Aside placement can be'left'
,'right'
,'top'
, or'bottom'
.
Credits
Author
İsmail Demirbilek (@dbtek)