ng-snackbar.es6
v0.5.0
Published
Snackbar angular.js module in ES6.
Downloads
56
Readme
ng-snackbar.es6
This snackbar angular.js module is designed to provide a varierty of services, such as (1) error handling, (2) notification, and (3) redirection utilizing ui-router (a peer-dependency).
Installation
Download the module through npm.
npm install angular-ui-router
npm install ng-snackbar.es6
Import the module to the angular app.
/*
** main angular module (app.module.js)
*/
import angular from 'angular';
import uirouter from '@uirouter/angularjs';
angular.module('app', [uirouter])
...
Usage
Once the module is registered to the main module, you can bring the module service anywhere you want, for example components, controllers, or services.
import Snackbar from 'ng-snackbar.es6';
export class HomeController {
constructor($state) {
this.snackbar = new Snackbar($state, {
duration: 1,
closeLabel: "CLOSE",
xi: -13,
xf: 20,
directionFrom: "top",
});
}
fetchUserData() {
...
this.snackbar.flash("Successfully loaded a user data!");
}
}
Methods
* snackbar.flash(message, state, params)
- message (required): It will be displayed in the snackbar
- state (optional): If specified, it will redirect to the state.
- params (optional): If specified, it will pass the state parameters to the redirected destination.
Author
License
Released under the terms of MIT License.