Menu Close
In fact, it has the 39mm Oystersteel monobloc middle-case of the OP essentially, which appears a little more curvaceous than the flat, trapezoid profile of the 40mm Oystersteel Submariner. The bezel of the replica rolex watches Explorer I is different on each: The OP has a domed, high-polish bezel, while the Explorer I has what Rolex calls a "Smooth" bezel. It has a flat surface instead of the convex bezel of the OP, with nicely polished.

angular.snackbar

Angular Snackbar

Pure AngularJS based Snackbar Component.
(css based on https://github.com/FezVrasta/snackbarjs)

Example

jsFiddle – http://jsfiddle.net/eu81273/wtfdzehr/

Installation

Copy the script and css into your project and add a script and link tag to your page.

<script type="text/javascript" src="/angular.snackbar.js"></script> <link rel="stylesheet" type="text/css" href="css/angular.snackbar.css">

Add a dependency to your application module.

angular.module('myApp', ['angular.snackbar']);

And add snackbar container tag to your application.

<div class="snackbar-container" data-snackbar="true"></div>

This is all.

some attributes of angular snackbar are below.

  • snackbar: snackbar directive.
  • snackbar-duration : snackbar duration time (ms).
  • snackbar-remove-delay : delay time to remove from DOM after hide (ms).

Create snackbar

Creating snackbar also very simple. Inject snackbar service to your app then call the service method like below.

var app = angular.module('angularApplication', ['angular.snackbar']);

app.controller('defaultController', function($scope, snackbar) {

	//create snackbar with default duration(3000ms)
	snackbar.create("Hello World!!");
	
	//create snackbar with custom duration
	snackbar.create("This is snackbar!!", 5000);

});

Browser Compatibility

Report me please. I just tested on Chrome 39.0.2171.95 m.

Changelogs

version 1.0.1

  • Reduce extra digest loops when hide (Thanks to codef0rmer)

version 1.0.0

License

The MIT License.

Copyright ⓒ 2015 AHN JAE-HA.

See LICENSE

View Source Code