Làm thế nào tôi có thể thiết lập thời gian của một bữa ăn nhẹ-bar trong angular2 (material2)

Question

Ví dụ này vẫn mãi mãi trên màn hình:

snack-bar-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); 
    } 
} 

Làm thế nào tôi có thể làm cho nó biến mất sau 2 giây (set thời gian/thời gian chờ bằng cách nào đó)?

Answer 1

này nên làm việc

open(msg,t=2000) { 
     let config = new MdSnackBarConfig(this.viewContainerRef); 
     let simpleSnackBarRef = this.snackBar.open(msg, 'ok, gotcha', config); 
     setTimeout(simpleSnackBarRef.dismiss.bind(simpleSnackBarRef), t); 
    } 

Answer 2

Với nguyên liệu góc 2.0.0-alpha.11, Bây giờ bạn có thể thêm thời gian chờ để snackbar.

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

Answer 3

Thời gian có thể được vượt qua thông qua các đối tượng cấu hình tùy chọn:

this.snackBar.open(
    this.message, 
    this.action && this.actionButtonLabel, { 
     duration: 2000 
    } 
);