Assign classes conditionally using ngclass in angular2?

Question

I need to change the class depends on value in angular2

<p class="pull-right" [ngClass]="">Status: {{payment.status}}</p>

For example:

If the status is failed. I need to add class "Fail". If the status is success, I need to change the class as "Success". How do i do this?.

ranakrunal9 · Accepted Answer · 2017-01-09 09:52:52Z

1

You can assign class as below as per your status field :

<p class="pull-right" [ngClass]="{ 'failed' : payment.status === 'failed', 'success' : payment.status === 'success'}">Status: {{payment.status}}</p>

answered Jan 9, 2017 at 9:52

ranakrunal9

13.6k3 gold badges44 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1