remove char from string with angular

Question

I'm trying to remove a period '.' from a value that comes from a feed, however I don't really want to do this in my app.js, rather in my view.

So if I do the following:

 value: {{item.v_value}}

I get 3.5, I'd simply like to strip out and render out 35 instead.

So basically reusing the replace function - but on the item value only.

Is v_value a string or a number?

Cerbrus
– Cerbrus

2015-06-22 13:46:30 +00:00
Commented Jun 22, 2015 at 13:46 — Cerbrus
– Cerbrus, Commented Jun 22, 2015 at 13:46

Cerbrus · Accepted Answer · 2015-06-22 13:51:29Z

31

Just use replace:

If v_value is a string:

value: {{item.v_value.replace('.', '')}}

If v_value is a number, "cast" it to a string first:

value: {{(item.v_value + '').replace('.', '')}}

Basically, you can use JavaScript in those brackets.

edited Jun 22, 2015 at 13:51

answered Jun 22, 2015 at 13:47

Cerbrus

73.3k19 gold badges137 silver badges151 bronze badges

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

1 Comment

Overlord Over a year ago

It almost works for me, I needed to replace all occurrences of that 'dot' so I had to perform a global replacement (\g) and escape the '.' character, like so: {{item.v_value.replace(/\./g, '')}}

area28 · Accepted Answer · 2015-06-22 13:50:32Z

7

If you need it to be reusable you can use a filter.

myApp.filter('removeString', function () {
    return function (text) {
        var str = text.replace('thestringtoremove', '');
        return str;
    };
});

Then in your HTML you can something like this:

value: {{item.v_value | removeString}}

answered Jun 22, 2015 at 13:50

area28

1,4251 gold badge9 silver badges11 bronze badges

Collectives™ on Stack Overflow

remove char from string with angular

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related