angularjs force uppercase in textbox

Question

I\'ve tried using the uppercase filter but it does not work. I\'ve tried doing it two ways:

<         


        

Answer 1

The idea is to show (not transform) the string as uppercase at client side and transform into uppercase at server side (users can always control what happens at client side). So:

1) in the html:

here no uppercase transformation.

2) in the css:

#test {text-transform: uppercase;}

data is shown as uppercase, but actually still lowercase, if user typed in lowercase. 3) turn the string into uppercase at server side when inserting into database.

= = = = = for playing around, can try follow:

but I think ng-change or ng-blur ways are not necessary for your case.