मैं कैसे angular2 (material2) में एक स्नैक बार की अवधि

Question

यह उदाहरण स्क्रीन पर हमेशा के लिए रहता है सेट कर सकते हैं:

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

मैं इसे कैसे 2 सेकंड के बाद गायब हो जाते हैं कर सकते हैं (सेट किसी भी तरह की अवधि/टाइमआउट)?

Answer 1

इस काम करना चाहिए

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

कोणीय सामग्री 2.0.0-alpha.11 के साथ, अब आप Snackbar को टाइमआउट जोड़ सकते हैं।

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

Answer 3

अवधि वैकल्पिक विन्यास वस्तु के माध्यम से पारित किया जा सकता है:

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