Automatically convert entered letters into capital [Angular]

Question

I am using angular 4 for my front end.My project consist of many components and each component consist of forms and inputs.

Is there any way to convert each and every letter user entered to my input fields to capital letters.

I think previous answers will not match my project as I'm having hundreds of input fields I am looking for a easy way to convert every inputs to capital when the user enter.

Thanks in advance

Possible duplicate of [How to convert input value to uppercase in angular 2 (value passing to ngControl)](https://stackoverflow.com/questions/35826325/how-to-convert-input-value-to-uppercase-in-angular-2-value-passing-to-ngcontrol) — Aravind, Dec 27 '17 at 08:34
try https://www.concretepage.com/angular-2/angular-2-uppercase-pipe-and-lowercase-pipe-example — core114, Dec 27 '17 at 08:41
Please be specific and search over internet. Please read https://stackoverflow.com/help/how-to-ask — Ajay, Dec 27 '17 at 08:46

score 3 · Accepted Answer · answered Dec 27 '17 at 08:38

3

While binding the expression in view you can use toUpperCase() function

Try this

<hello name="{{name.toUpperCase() }}"></hello>    
<input type="text" [(ngModel)]="name">

Here is the working solution

answered Dec 27 '17 at 08:38

Saurabh Agrawal

7,581
2
27
51

This works but what I what want is when the user enters the same input field should be converted to capital . – Shyamal Dec 27 '17 at 09:25
Yes of course , whatever user enters it should be converted and displayed in capital letters. – Shyamal Dec 27 '17 at 09:36
try that link I have mentioned there – Saurabh Agrawal Dec 27 '17 at 09:38
This will convert how it appears on DOM, not actual value – Monkey D. Luffy Jan 08 '21 at 15:21

score -1 · Answer 2 · answered Jan 18 '18 at 06:25

-1

You can use simple css code to convert it.

Selector{
text-transform:uppercase;
}

answered Jan 18 '18 at 06:25

manivannan balaji

17
9

1

This will only change the visual appearance of the text. Not the actual value. – Enrico Dec 12 '18 at 11:03

Automatically convert entered letters into capital [Angular]

2 Answers2