angular-cn/public/docs/_examples/style-guide/ts/03-04/app/app.component.ts

import { Component, OnInit } from '@angular/core';

import { ToastService } from './shared';

@Component({
  selector: 'sg-app',
  template: `
    <button (click)="show()">Show toast</button>
    <button (click)="hide()">Hide toast</button>
  `,
  providers: [ToastService]
})
export class AppComponent implements OnInit {
  constructor(private toastService: ToastService) { }

  hide() {
    this.toastService.hide();
  }

  show() {
    this.toastService.show();
  }

  ngOnInit() {
    this.toastService.activate('Hello style-guide!');
  }
}