How to remove whitespace in text [duplicate]

Question

How can I trim a text string in my Angular application?

Example

{{ someobject.name }}

someobject.name results in "name abc"

What I like to achieve is name to be "nameabc" (remove all whitespaces).

I already created a pipe and included this in the typescript file and module)

PIPE:

import { Pipe, PipeTransform } from "@angular/core"; @Pipe({ name: 'trim' }) export class TrimPipe implements PipeTransform { transform(value: any) { if (!value) { return ''; } return value.trim(); } }

{{ someobject.name | trim }} still results in "name abc" instead of "nameabc" }}

Jan B. · Accepted Answer · 2018-03-12 13:45:16Z

18

According to the docs, the trim() method removes trailing and leading whitespaces, not those in the middle.

https://www.w3schools.com/Jsref/jsref_trim_string.asp

If you want to remove all whitespaces use the replace function:

"name abc".replace(/\s/g, "");

answered Mar 12, 2018 at 13:45

Jan B.

6,5585 gold badges38 silver badges57 bronze badges

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

4 Comments

user4676340 Over a year ago

I would use /\s*/g to increase performance, but upvote for you anyway.

Babulaas Over a year ago

Thank you for the feedback.How do I use this in my pipe/edit my pipe.

Jan B. Over a year ago

Exactly like you do now, just use replace instead of trim when returning from your transform function

Babulaas Over a year ago

thanks I already fixed it before reading this. Thank you very much

tomichel · Accepted Answer · 2019-01-31 19:07:49Z

trim() only removes whitespaces from the start and end of a string:

https://www.w3schools.com/Jsref/jsref_trim_string.asp

have a look here to remove whitespaces between strings:

Replace all whitespace characters

the relevant part is to use it like:

str = str.replace(/\s/g, "X");

Link-only answers are not considered ideal at SO. They can die and rot. Please include the relevant information here, in your post.

Nirav · Accepted Answer · 2020-05-23 19:40:20Z

import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'removeWhiteSpace' }) export class RemoveWhiteSpacePipe implements PipeTransform { transform(value: any): any { if (value === undefined) return 'undefined'; return value.replace(/\s/g, ""); } }

You should explain why the OP solution doesn't work and how yours works
stackblitz.com/edit/angular-pipe-remove-spaces Here's a implementation of @Nirav's solution

Saurabh Bhoyar · Accepted Answer · 2019-11-13 07:14:14Z

Replace all the whitespace between string

let spaceReg = new RegExp(" ",'g');

let str = "name abc"

str = str.replace(spaceReg,"");

Hector · Accepted Answer · 2019-04-03 22:17:42Z

-11

In my case this is bad:

<div> {{ someobject.name }} </div>

Solution:

<div>{{ someobject.name}}</div>

=S

answered Apr 3, 2019 at 22:17

Hector

63210 silver badges16 bronze badges

2 Comments

dovetalk Over a year ago

This doesn't appear to be related to the question. They want to remove whitespace inside a result of a variable, not avoid whitespace around it...

Aravindhan R Over a year ago

This is not a related answer. Understand the question then answer.

Collectives™ on Stack Overflow

How to remove whitespace in text [duplicate]

5 Answers 5

4 Comments

1 Comment

2 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

2 Comments

Comments

2 Comments

Linked

Related