angular - angular2（material2）でスナックバーの期間を設定するにはどうすればよいですか

Question

この例は、画面に永久に残ります。

スナックバー-demo.ts

import {Component, ViewContainerRef} from '@angular/core';
import {MdSnackBar, MdSnackBarConfig} from '@angular/material';

@Component({
  moduleId: module.id,
  selector: 'snack-bar-demo',
  templateUrl: 'snack-bar-demo.html',
})
export class SnackBarDemo {
  message: string = 'Snack Bar opened.';
  actionButtonLabel: string = 'Retry';
  action: boolean = false;

  constructor(
      public snackBar: MdSnackBar,
      public viewContainerRef: ViewContainerRef) { }

  open() {
    let config = new MdSnackBarConfig(this.viewContainerRef);
    this.snackBar.open(this.message, this.action && this.actionButtonLabel, config);
  }
}

2秒後に消えるようにするにはどうすればよいですか(何らかの方法で期間/タイムアウトを設定してください)?

Answer 1

angular material 2.0.0-alpha.11 では、snackbar にタイムアウトを追加できるようになりました。

open() {
    let config = new MdSnackBarConfig();
    config.duration = 10;
    this.snackBar.open("Message", "Action Label", config);
}