angular: apply css class if val > val

Question

I'm trying to set css class based on condition from val1 and val2 values. if val2 > val1 set css class has-error

<div class="form-group" ng-class="{'has-error': {{obj.amount2 > obj.amount1}}}">

val 1: {{obj.amount1}}

val 2: {{obj.amount2}}

{{obj.amount2 > obj.amount1}}

• val 1: 100
• val 2: 200

this always returns false

Answer 1

Don't use binding to evaluate the object.

<div class="form-group" ng-class="{'has-error': obj.amount2 > obj.amount1}">

OR

<div class="form-group" [class.has-error]="obj.amount2 > obj.amount1">

Hope this helps

Answer 2

Try this Code:

<div ng-if="val 2>val 1">
<div class="form-group" ng-class="{'has-error': val 2 > val 1}">
</div>