# angular-flash
A simple lightweight flash message module for AngularJS and Bootstrap.
## Demo
[angular-flash](http://sachinchoolur.github.io/angular-flash/) | [jsfiddle](http://jsfiddle.net/roopehakulinen/uxeg4nze/) | [codepen](http://codepen.io/RoopeHakulinen/pen/QyZjxm)
## Install
#### npm
You can also find angular-flash on [npm](http://npmjs.org)
```sh
$ npm install angular-flash-alert
```
#### Bower
You can Install angular-flash using the [Bower](http://bower.io) package manager.
```sh
$ bower install angular-flash-alert --save
```
Add the Following code to the <head> of your document.
```html
// If you are using bootstrap v3 no need to include angular-flash.css
// Do not include both angular-flash.js and angular-flash.min.js
```
Add `ngFlash` dependency to your module
```javascript
var myApp = angular.module("app", ["ngFlash"])
```
Include directive below in your HTML template.
```html
```
## Configure
You can configure angular-flash by two ways:
Add attributes on the `` directive.
```html
```
Set configuration with `flashProvider`.
```javascript
app.config((FlashProvider) => {
FlashProvider.setTimeout(5000);
FlashProvider.setShowClose(true);
FlashProvider.setOnDismiss(myCallback);
});
```
#### Use a custom template
By default, angular-flash use the Bootstrap flash standard template, but you can set your own template.
**By giving it in the Js**: use `.setTemplate(...)` with the template in parameter.
```javascript
app.config((FlashProvider) => {
FlashProvider.setTemplate(`
{{ flash.text }}
`);
});
```
**By giving it in the HTML**: use `.setTemplatePreset('transclude')` with the template transcluded in the `` directive.
```javascript
app.config((FlashProvider) => {
FlashProvider.setTemplatePreset('transclude');
});
```
```html