SnackBar on Serviceを使用してAngular 2のすべてのコンポーネントで使用する方法

Question

私は働くスナックバーを持っていますが、それは各コンポーネントにしかありません。これは、スナックバーがあなたの全体のアプリ間で動作する場合、あなたはapp.componentにそれを入れて、サービスでそれと通信する必要があり、私の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

の私のサンプルです。

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');