angular-aside

angular-aside ![bower version](http://img.shields.io/bower/v/angular-aside.svg) [![npm version](https://badge.fury.io/js/angular-aside.svg)](https://www.npmjs.com/package/angular-aside) =============

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-aside
19161.4.06 years ago7 years agoMinified + gzip package size for angular-aside in KB

Readme

angular-aside bower version npm version
Off canvas side menu for use with ui-bootstrap 0.14+. Extends ui-bootstrap's $uibModal provider.
:informationdeskperson: 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)