AngularJS. Equality operator returns true when false

Question

Have an equality operator in angularJS that is not returning as I should.

example:
The value that comes from the object "data.valuea" is 50.
Have the value that comes from the object "data.valueb" is 200

<p ng-show="{{data.valuea >= data.valueb}}" class="ng-hide premioprogress">OK</p>
<p ng-show="{{data.valuea < data.valueb}}" class="ng-hide premioprogress">Faltam: {{data.valueb - data.valuea}} pts</p>

Am I doing something wrong? Or would a more correct way to do this?

with that said I can solve. Basically I changed the object value when received. tks @Anthony Chu — GregoryDerner, Jun 10 '14 at 23:12

Anthony Chu · Accepted Answer · 2014-06-10T21:51:23.107

0

It's likely that the values are actually strings and not numbers, so JavaScript is doing a string comparison. One way to get around this is to put parseInt() on the scope and use it in your expression...

$scope.parseInt = function (i) {
    return parseInt(i, 10);
};

<p ng-show="parseInt(data.valuea) >= parseInt(data.valueb)"></p>

JSFiddle

edited Jun 10 '14 at 21:51

answered Jun 10 '14 at 21:37

Anthony Chu

37,170
10
81
71

AngularJS. Equality operator returns true when false

1 Answers1