🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Angular aside is an extension for angular-ui bootstrap to create off-canvas side menu using ui-bootstrap’s $modal provider.

Bootstrap Menu_Navigation Plugins

Documentation

angular-aside npm version

Off canvas side menu for use with ui-bootstrap 0.14+. Extends ui-bootstrap's $uibModal provider.

💁 Please use v1.2.x for ui-bootstrap versions 0.13 and below.

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)


You May Also Like