Additional directives for AngularJS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
.editorconfig
.gitignore
.travis.yml
CONTRIBUTING.md
Gulpfile.js
LICENSE
README.md
karma.conf.js
package.json

README.md

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.