2017-12-28 10 views
0

Ich möchte deaktivieren und ändern Sie meine Klasse Schaltfläche nach dem Klicken während eines Zeitraums, Was ist der beste Weg.Ändern Sie den Zustand der Schaltfläche während eines Zeitraums

Heute habe ich, aber ich nicht sehr zufrieden

startJob(jobName: String): void { 
    this.inverseStartButtonState(); 

    setTimeout(() => { 
     this.inverseStartButtonState(); 
    }, 5000); 

    Launch job .... 

} 

inverseStartButtonState() { 
    this.enableStartJob = !this.enableStartJob; 
} 

Kann ich dies tun in einer Zeile, mit setTimout oder irgend etwas anderes? Oder gibt es eine Bootstrap (oder andere) -Klasse, die das tun? Danke

+0

Können Sie Angular Animation verwenden? https://angular.io/guide/animations#delay –

+0

Ich werde das sehen (also Dauer statt Verzögerung denke ich) –

Antwort

0

Ist das was du willst?

function inverseStartButtonState(enabled, amountOfTime) { 

    this.enableStartJob = !this.enableStartJob; 

    if (!enabled) 
    { 
     setTimeout(() => {this.inverseStartButtonState(!enabled); }, amountOfTime); 
    } 
} 
Verwandte Themen