Comment utiliser SnackBar sur le service à utiliser dans chaque composant dans Angular 2

Question

J'ai un snack-bar de travail, mais c'est seulement sur chaque composant, je veux l'ajouter sur mon service, donc je vais l'appeler. Ceci est mon exemple sur mon component.ts

import { MdSnackBar, MdSnackBarRef } from '@angular/material'; 
... 
export class EmployeeListComponent implements OnInit { 
    public toastRef: MdSnackBarRef<any>; 
    constructor(private _activatedRoute:ActivatedRoute,private router: Router, private http:PMISHttpService, private toast: MdSnackBar) { 

    ngOnInit() { 
    this.notify('test'); 
    } 
    ... 
    notify (text: string) { 
    this.toastRef = this.toast.open(text, null); 
    setTimeout(() => { 
     this.toastRef.dismiss(); 
    }, 5000); 
    } 
    ... 
} 

Answer 1

Si vous voulez un SnackBar à travailler sur votre application entière, vous devez mettre dans votre app.component et de communiquer avec lui avec un service.

notification.service.ts:

public subj_notification: Subject<string> = new Subject(); 

app.component.ts:

constructor(
    private notificationService: NotificationService, 
) { 
    this.notificationService.subj_notification.subscribe(message => { 
    snackBar.open(message); 
    }); 
} 

any.component.ts:

this.notificationService.subj_notification.next('this is a notification');