Format / filter an output with regular expression in Angular.js

Question

Given this:

        <span ng-repeat="extra in extras">
            <br>
            <input type="checkbox" ng-click="addExtra()"  value="{{extra.id}}" >{{extra.name}} - <strong>{{extra.real_price}}</strong>
        </span>

How do i make the {{extra.real_price}} to output only numbers using filters ?

Example: extra.real_price being 'from 400€' to transform to '400'

javierfdezg · Accepted Answer · 2014-11-13 11:11:16Z

2

you can use a regexp to strip out all characters except numeric ones:

app.filter('onlyNumbers', function () {
    return function (item) {
      return item.replace(/[^\d|^,|^.]/g, '');
    }
  });

The regexp can be read: replace all characters not being a number, nor a comma nor a point.

Note that, as you are using currency values, both point and comma should be accepted values.

These are some examples of usage and output:

{{ '23345€' | onlyNumbers }}       => 23345
{{ '$23345' | onlyNumbers }}       => 23345
{{ '$23345.00' | onlyNumbers }}    => 23345.00
{{ '23345,00 €' | onlyNumbers }}   => 23345,00

answered Nov 13, 2014 at 11:11

javierfdezg

2,1071 gold badge23 silver badges31 bronze badges

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

1 Comment

javierfdezg Over a year ago

Was this answer all right? Please consider accepting it :)

Collectives™ on Stack Overflow

Format / filter an output with regular expression in Angular.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related