parseFloat not working in angularjs view

Question

The following conditional return false inside a angular view:

<a ng-class="(parseFloat('-0.56%') < 0) ? 'true' : 'false'">...</a>

I've already added the parseFloat method in $scope.

$scope.parseFloat = parseFloat;

Thanks for any help.

What is your intended output? to have either the class true or false? — Brocco
– Brocco, Commented May 23, 2014 at 19:51
The intent is to have different classes depending if a value is bigger than zero. — T4deu
– T4deu, Commented May 23, 2014 at 19:54

Brocco · Accepted Answer · 2014-05-23 20:03:43Z

5

Take a look at this fiddle

You can use option 1 (as you have it) but you need to use class not ng-class

<a class="{{(parseFloat('-0.56%') < 0) ? 'true1' : 'false'}}">Option 1</a>

In order to use ng-class use this:

<a ng-class="{'true': (parseFloat('-0.56%') < 0), 'false': (parseFloat('-0.56%') >= 0)}">Option 2a</a>    
<a ng-class="{'true': (parseFloat('0.56%') < 0), 'false': (parseFloat('0.56%') >= 0)}">Option 2b</a>

The difference being is that ng-class takes an object where the key is the class and the value is the boolean evaluation to determine if the class gets added to the element.

edited May 23, 2014 at 20:03

answered May 23, 2014 at 19:58

Brocco

65.4k12 gold badges74 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

parseFloat not working in angularjs view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related