How to parseInt in angularjs expression

Question

I have such type of condition:

<td ng-repeat="sal in name.salaries" 
    ng-if="name.avalue>sal.annual_value">
       Value must be less than or equal to Balance Amount
</td>

Whats happening in real scenario is

For Eg. name.value=1200 sal.annual_value=42 as its not parseInt thats why its considering 42 > 1200.

How can I parseInt() in AngularJS expression?

name.avalue in ng-if shouldn't it be name.value like in your eg.? — Anders Vestergaard
– Anders Vestergaard, Commented Feb 7, 2017 at 11:09

Mihail Stancescu · Accepted Answer · 2017-02-07 11:09:43Z

5

I would use a scope function to make that verification:

{...}
scope.checkSalaries = function(avalue, annual_value) {
   return avalue > annual_value;
}
{...}

and in html:

<td ng-repeat="sal in name.salaries"
    ng-if="checkSalaries(name.avalue,sal.annual_value)">
       Value must be less than or equal to Balance Amount
</td>

answered Feb 7, 2017 at 11:09

Mihail Stancescu

4,1681 gold badge18 silver badges22 bronze badges

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

Comments

Magicprog.fr · Accepted Answer · 2017-02-07 11:07:59Z

4

You can use parseInt within your ng-if:

<td 
    ng-repeat="sal in name.salaries"
    ng-if="parseInt(name.avalue)>parseInt(sal.annual_value)">
        Value must be less than or equal to Balance Amount
</td>

Or you can create a function to check this in your controller:

<td 
    ng-repeat="sal in name.salaries"
    ng-if="isGreater(name.avalue, sal.annual_value)">
        Value must be less than or equal to Balance Amount
</td>

$scope.isGreater = function(val1, val2) {
    return parseInt(val1) > parseInt(val2);
};

answered Feb 7, 2017 at 11:07

Magicprog.fr

4,1204 gold badges29 silver badges35 bronze badges

Comments

korteee · Accepted Answer · 2017-02-07 11:26:01Z

2

If you'd like to use parseInt method in the view you can define a Number $scope in your controller, and then user its built in method parseInt() in the view.

e.g.

Controller:

$scope.number = Number;

View:

<td ng-repeat="sal in name.salaries" ng-if="number.parseInt(name.avalue)>number.parseInt(sal.annual_value)">
Value must be less than or equal to Balance Amount</td>

answered Feb 7, 2017 at 11:26

korteee

2,7122 gold badges21 silver badges25 bronze badges

Comments

Nitya Kumar · Accepted Answer · 2017-02-07 11:18:20Z

1

you can also try :

<td 
    ng-repeat="sal in name.salaries"
    ng-show="isGreater(name.avalue, sal.annual_value)">
        Value must be less than or equal to Balance Amount
</td>

$scope.isGreater = function(val1, val2) {
    return parseInt(val1) > parseInt(val2);
};

answered Feb 7, 2017 at 11:18

Nitya Kumar

9688 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to parseInt in angularjs expression

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related