angular-bootstrap-plus

Additional directives for AngularJS

MIT License

Downloads
42
Stars
8
Committers
1

angular-bootstrap-plus

Getting Started

Install Angular-Bootstrap-Plus.

npm install angular-bootstrap-plus

In your web page:

<link href="angular-bootstrap-plus/dist/bootstrap-plus.min.css" rel="stylesheet" />

<script src="angular.js" type="text/javascript"></script>
<script src="angular-sanizize.js" type="text/javascript"></script>
<script src="angular-bootstrap-plus/dist/bootstrap-plus.min.js" type="text/javascript"></script>

Then add one or more modules to your AngularJS project:

angular.module('myAwesomeProject', ['ngSanitize', 'bs-plus.select', ...]);

What is Angular Bootstrap Plus?

This is a collection of Angular directives for Bootstrap, which neither made it into Angular Strap, nor into UI Bootstrap.

Currently there are four directives

These directives do not depend on each other and can be used independently from each other.

  • <bsp-select>...</bsp-select>: Use it to build select elements
    with active icons.
  • <bsp-scrollpanel>...</bsp-scrollpanel>: Use it to create panes
    which can be scrolled horizontally using large left- and right icons.
  • <bsp-processbar>...</bsp-processbar>: Use it to create a canvas
    with process steps which have to be accessed in consecutive order. Useful to create a
    set of forms, which interdepend on each other and thus have to be filled out one by one.
  • <bsp-magnify>...</bsp-magnify>: Use it to display details of an
    image, if the users moves the mouse over it.

Please check the README file in each of the directive folders.