Ng-snackbar.es6 NPM

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)

1) message (required): It will be displayed in the snackbar 2) state (optional): If specified, it will redirect to the state. 3) params (optional): If specified, it will pass the state parameters to the redirected destination.