Capitalize First Letter Filter - AngularJS

angular-filters.js

app.filter('capitalize', function() {
  return function(input, scope) {
    if (input!=null)
    input = input.toLowerCase();
    return input.substring(0,1).toUpperCase()+input.substring(1);
  }
});

In css add,

.capitalize::first-letter {
text-transform: uppercase;
}
.capitalize1 {
text-transform: lowercase;
}

and use,
class ="capitalize1 capitalize"
in HTML files

👍

@paula Kreuger
Thanks for nice one and simple filter .

adding on to what @simonewebdesign said above, you could also just use angular's built-in lowercase filter and do something like

// CSS
.capitalized { text-transform: capitalize; }

// HTML
<div class="capitalized">{{ data.string | lowercase }}</div>

...to avoid the issues @martininf brought up 😄

Can you explain me how it works?

Can you explain me how it works?

The idea is to convert the string to lower case, then let CSS capitalize each first letter. It can be necessary if you need to prevent the edge cases mentioned by @martininf.

Okay i got thanks.

…

On Sun, Jul 26, 2020, 6:50 PM Simone Vittori ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Can you explain me how it works? The idea is to convert the string to lower case, then let CSS capitalize each first letter. It can be necessary if you need to prevent the edge cases mentioned by @martininf <https://github.com/martininf>. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/b2af1958f3d67f46447e#gistcomment-3391890>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ7RFDKZLGH7ZKKIRLUBIIDR5QUSVANCNFSM4HHCPIXA> .