ng2-trim-directive

The directive trims whitespaces from the end of an input text value.

Demo

Play with the directive here https://anein.github.io/angular2-trim-directive/.

Usage

1. Install ng2-trim-directive.

  npm i ng2-trim-directive

or using Yarn

  yarn add ng2-trim-directive

2. Import InputTrimModule to your Angular module.

import { InputTrimModule } from 'ng2-trim-directive';
@NgModule({
  imports: [
    ...
    InputTrimModule,
    ...
  ],
  ...

3. Add the "trim" attribute to a text input or textarea element.

   <input type="text" trim />
   <textarea ... trim ></textarea>

or with an option: trim value only on the blur event.

   <input type="text" trim="blur" />
   <textarea ... trim="blur" ></textarea>

note: if you use the directive with <textarea> without setting the blur event, it will behave like the text input element.

Good luck.