Trim in ANGULAR 5

Question

ANGULAR 5 How to trim the extra spaces in texxtarea field in angular 5 ?

Shashikant Devani · Answer

Hi nithi mano, If you are using ngModel with textarea then please try this. But make sure Trimming functions remove whitespace from the beginning and/or end of a string. If You want remove white space from whole the string then please try second function. In Your Html : textarea (blur)=" Address = trimming_fn (Address)" [(ngModel)]="Address" > textarea > In Your TypeScripe : Address :string = '' ; // this will remove only beginning and end of string whitespace. trimming_fn(x) { return x ? x.replace(/^\s+|\s+$/gm, '' ) : '' ; }; // this will remove whole whitespace from the string trimming_fn(x) { return x ? x.replace(/\s/g, '' ) : '' ; };

Bhairab Dutt · Answer

Hi , Yes , you can use the below . You have another option according to npm angular 4+ . Please have a look the below link. https://www.npmjs.com/package/ng2-trim-directive https://anein.github.io/angular2-trim-directive/ Hope its helps to you . Thanks .

Jaish Mathews · Answer

The trim() method removes whitespace from both sides of a string Angular 5 is TypeScript based. So this Ref. of TypeScript telling about trim(). https://www.typescriptlang.org/docs/handbook/release-notes/typescript-1-4.html

Jenith Thakkar · Answer

This is a block of text with some extra spaces in it. Click the button to remove them. function trimSpaces(){ s = document.getElementById("textString").value; s = s.replace(/(^\s*)|(\s*$)/gi,""); s = s.replace(/[ ]{2,}/gi," "); s = s.replace(/
 /,"
"); document.getElementById("textString").value = s; } Please refer the above javascript example you can apply this same way in angular

Trim in ANGULAR 5

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)