Last active
October 18, 2023 19:34
-
-
Save paulakreuger/b2af1958f3d67f46447e to your computer and use it in GitHub Desktop.
Capitalize First Letter Filter - AngularJS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
app.filter('capitalize', function() { | |
return function(input, scope) { | |
if (input!=null) | |
input = input.toLowerCase(); | |
return input.substring(0,1).toUpperCase()+input.substring(1); | |
} | |
}); |
return countries.filter(function(country) {
return country.name.toLowerCase().indexOf($query) != -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>
.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
i have made custom service my html code is:
First word only: {{msg | capitalize}}
All words: {{msg | capitalize:true}}
this is my custom servies js code:
angular.module('MetronicApp', []).
filter('capitalize', function () {
return function (input, all)
{
var reg = (all) ? /([^\W_]+[^\s-]*) /g : /([^\W_]+[^\s-])/;
return (!!input) ? input.replace(reg, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }) : '';
}
});
function seivicesController($scope) {
$scope.msg = 'hello, world.';
}
while i m trying to use in my other controller
code is
$scope.msg = seivicesController.capitalize(input);
stil not getting ans