Barra de notificación superior animada con angular. js y CSS3
| Autor: | alexanderbeletsky |
|---|---|
| Views Total: | 4,930 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 27, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Un componente de notificación AngularJS Cool que muestra las notificaciones de aplicación de barra superior responsive con animaciones CSS3 suaves. Actualmente admite 3 tipos de notificación: error, ADVERTENCIA y éxito.
Funcionamiento
Incluya la versión más reciente de la biblioteca de JS de angular. js en la aplicación Web.
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
Incluya el script y la hoja de estilos de NG Notifications bar.
<link rel="stylesheet" href="path/to/ngNotificationsBar.min.css"> <script src="path/to/ngNotificationsBar.min.js"></script>
El HTML.
<notifications-bar class="notifications"></notifications-bar>
Uso básico:
var app = angular.module('app', ['ngNotificationsBar']);
app.controller('main', function ($scope, notifications) {
$scope.showError = function () {
notifications.showError({message: 'Oops! Something bad just happend!'});
};
$scope.showWarning = function () {
notifications.showWarning({message: 'Hey! Take a look here..'});
};
$scope.showSuccess = function () {
notifications.showSuccess({message: 'Congrats! Life is great!'});
};
}); Registro de cambios
01/27/2016
- v0.0.16
