Angular JS number filter

Question

I had the following expression in Angular:

<br/><i>{{getFieldValue(teamMember.reportingData.fields, fieldname, 'meanValue' | number:2)}}</i>

where getFieldValue is a function on my controller. This was working as expected, and truncating the numeric result to 2 decimal places.

However, sometimes getFieldValue returns a string result. When that happens, it is not displayed at all. This is probably because truncating a string to 2 decimal places does not make sense.

To get round this, I tried to move the filter inside getFieldValue and only apply it to numeric results. To do this, I need a way of specifying a filter in Javascript, not as an expression in HTML. According to the docs this is possible, but the explanation is hard to follow.

Here is my attempt:

HTML:

<br/><i>{{getFieldValue(teamMember.reportingData.fields, fieldname, 'meanValue')}}</i>

part of getFieldValue :

if (field.numeric) {
   fieldValue = $filter('number')([], field[aggregate], 2);
 } else {
   fieldValue = field[aggregate];
 }

This does not work, I get what seems to be an empty string back. How to I do this properly?

Mudasser Ajaz · Accepted Answer · 2015-09-04 10:36:17Z

2

Use like this

 fieldValue = $filter('number')(field[aggregate], 2);

See Documentation of number filter.

answered Sep 4, 2015 at 10:36

Mudasser Ajaz

6,2571 gold badge28 silver badges29 bronze badges

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

2 Comments

NickJ Over a year ago

thanks for that. The doc page is much clearer than the filter doc page I had seen. Works now.

NickJ Over a year ago

I will when it lets me :)

addon kishor · Accepted Answer · 2015-09-04 10:46:11Z

1

   var isnum = angular.isNumber(field[aggregate]);

    if(isnum){   
        fieldValue = $filter('number')(field[aggregate], 2) 
    }else{   
        fieldValue = field[aggregate]; 
     }

number filter in angularjs

answered Sep 4, 2015 at 10:46

addon kishor

437 bronze badges

Collectives™ on Stack Overflow

Angular JS number filter

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related