angular-aside

Off canvas side menu to use with ui-bootstrap.

Github stars Tracking Chart

angular-aside npm version

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

:information_desk_person: 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)

Main metrics

Overview
Name With Ownerdbtek/angular-aside
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 3)
Platform
License:MIT License
所有者活动
Created At2014-08-21 08:49:44
Pushed At2017-11-10 08:39:28
Last Commit At2017-11-10 11:39:27
Release Count13
Last Release Name1.4.0 (Posted on )
First Release Name1.0.0 (Posted on 2014-08-23 21:48:07)
用户参与
Stargazers Count190
Watchers Count8
Fork Count33
Commits Count78
Has Issues Enabled
Issues Count42
Issue Open Count6
Pull Requests Count9
Pull Requests Open Count0
Pull Requests Close Count4
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private