Need help with angular-aside?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

dbtek
194 Stars 35 Forks MIT License 78 Commits 6 Opened issues

Description

Off canvas side menu to use with ui-bootstrap.

Services available

!
?

Need anything else?

Contributors list

# 60,183
CSS
HTML
Bootstr...
gantt-c...
56 commits
# 22,052
TypeScr...
HTML
Bootstr...
wordclo...
4 commits
# 378,005
JavaScr...
CSS
Shell
Angular
3 commits
# 22,673
TypeScr...
Sass
angular...
calenda...
2 commits

angular-aside 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)

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.