ng-alert
AngularJS component for easily creating Alert.
Install
Install with bower:
$ bower install ng-alert --saveAdd a <script> to your index.html:
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="/bower_components/ng-alert/ng-alert.js"></script>
<link rel="stylesheet" href="/bower_components/ng-alert/ng-alert.css">Documentation
Module
angular.module('main', ['ngAlert']);Directive alert-container
<alert-container
ng-init="isAlert=false"
ng-show="isAlert"
closefn="alertClose()"
type="error"
title="Alert!!"
desc="You are not allow to do this."
btn="Close"
>
</alert-container>This can be done for all four alert types:
errorinfowarningsuccess
controller
$scope.alertClose = function(){
$scope.isAlert = false;
};Dependencies
"dependencies": {
"angular": ">1.2.6",
"angular-animate": "~1.2.8"
}Credits
Inspired by https://github.com/LarsVonQualen/AlertJS.
