/gempesaw/writing

I've got a small ng-repeat over this array:

$scope.tabs = [
    { label: "Features" },
    { label: "Phrases" },
    { label: "Sets"}
];

I need the labels to be capitalized in at least one place, as I'm using them as tab headers via UI-Bootstrap's Tab component. But, I'd like to also use the same text lowercased and in their singular forms, so I can have placeholder text like "search for your feature files". Enter the lowercase and limitTo filters!

lowercase does pretty much what you'd expect:

{{ "Features" | lowercase }} => features

and on strings, limitTo:integer trims the string length to the specified integer argument. I tried putting an expression in as the argument to limitTo on a whim, and it worked wonderfully (plnkr):

{{ "Features" | lowercase | limitTo: "Features".length - 1 }} => feature

You can of course replace "Features" with a variable on your scope to make that more versatile - my expression with the array above ended up being:

{{ tab.label | lowercase | limitTo: tab.label.length - 1 }}

N.B. - make sure you've got your scope inheritance sorted when you're using ng-repeat - bind to objects, not primitives :)