Mark
Mark

Reputation: 2587

Angular conditional class with pipe

Trying to do a conditional class if progress == 100, but my syntax is not correct?

    [class.finalDone]="progress[file.name].progress | async == 100" 

Upvotes: 1

Views: 372

Answers (1)

SiddAjmera
SiddAjmera

Reputation: 39482

Make sure that progress[file.name].progress will return a Promise or an Observable. And then use it like this(wrap the expression till the async part in ()):

[class.finalDone]="(progress[file.name].progress | async) === 100" 

Here's a Sample StackBlitz for your ref.

Upvotes: 1

Related Questions