angular.js - wrapping the currency symbol and decimal numbers in spans

Question

Can you possibly do something like this in angular?

It\'s not quite possib

Answer 1

You can create a custom filter

app.filter('euro', function () {
    return function (text) {
        text = text.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1 ");
        var t = text + ',00€';
        return t;
    };
});

The result will be

1 000 000,00€

Working Demo

(The regex is posted by @Paul Creasey in his answer https://stackoverflow.com/a/1990554/304319)