rm2flash
v1.0.4
Published
Flash message
Readme
Info
rm2Flash is a school task for creating a module to npm and then use in a project. This particular module is flash alerts for angularjs projects.
Install
$ npm install rm2flash --saveAdd the Following code to the <head> of your document.
<script src="https://cdn.rawgit.com/zackebth/rm2Flash/b9124c05/dist/flash.min.css"></script>
// If you are using bootstrap 3, skip the min.css
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
<script src="https://cdn.rawgit.com/zackebth/rm2Flash/b9124c05/dist/flash.min.js"></script>Add rv2Flash dependency to your module
var myApp = angular.module("app", ["rv2Flash"])Include directive below in your HTML template.
<flash-message></flash-message> Configure / Optional
Add attributes on the <flash-message> directive.
<flash-message
duration="5000"
show-close="true"
></flash-message>
<!--
5000ms as the default duration to show flash message.
Show the close button (x on the right).
-->How to use /example
Inject the Flash factory in your controller
myApp.controller('Ctrlr', ['Flash', function(Flash) {
$scope.successLoad = function () {
var message = '<strong>Success!</strong> This is plain text.';
Flash.create('succes', message);
};
}]);Types
- success
- info
- warning
- danger
Testing
1. Clone repo
2. cd repo
3. npm install
4. npm test