Make input field default to lowercase in angular

Question

In AngularJs we had a default filter we would apply to an input filed to force lowercase.

This doesn't work in Angular+.

Is that correct?

score 2 · Accepted Answer · answered Apr 03 '18 at 19:36

2

the following in the html file:

<input type="text" [ngModel]="_textValue" (ngModelChange)="ConvertToLower($event)">

and the following code in component.ts file:

_textValue:string;
ConvertToLower(evt) {
    this._textValue = evt.toLowerCase();
}

answered Apr 03 '18 at 19:36

Praveen Kumar

score 0 · Answer 2 · answered Apr 03 '18 at 19:32

You could create a directive that dynamically changes the value of your input to lowercase.

Also you could check out the first answer in this question. It is about changing input to uppercase but the technique is the same.

2 Answers2