Skip to content

federicot/ng-message-center

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

ng-message-center

Message library for AngularJS

Usage

Add module

angular.module('my-app', [
        'federicot.ng-message-center'
  ]);

Add directive

<!-- if no name is provided it uses "default" -->
<ngmessagecenter-messages></ngmessagecenter-messages>

<!-- Assign a name -->
<ngmessagecenter-messages name="sidebar"></ngmessagecenter-messages>

Inject into your controller

.controller('MyCtrl', ['ngMessageCenter', function(ngMessageCenter) {
  
  // By default messages are shown instantly
  ngMessageCenter.error({title: 'Oh snap!', text: 'Something went wrong, try submitting again'});
  
  // next: true will show the message after $locationChangeSuccess event is triggered
  ngMessageCenter.success({title: 'Well done!', text: 'Client was successfully saved', next: true});
  
  // Named message will only be shown on <ngmessagecenter-messages name="sidebar">
  ngMessageCenter.success({name: 'sidebar', title: 'Well done!', text: 'Client was successfully saved', next: true});
  
  // Stack messages (all messages should have stack: true in order display the full stack)
  ngMessageCenter.success({stack: true, title: 'Well done!', text: 'Client was successfully saved'});
  
  // Timeout
  ngMessageCenter.success({timeout: 5000, title: 'Well done!', text: 'Client was successfully saved'});
  
  // No timeout
  ngMessageCenter.success({timeout: false, title: 'Well done!', text: 'Client was successfully saved'});

Default Options

name: 'default',
next: false,
stack: false,
timeout: 3000

About

Message library for AngularJS

Resources

Stars

Watchers

Forks

Packages

No packages published