AngularJS - Format Text Return From JSON To Title Case

Question

I have a service that retrieves data from a JSON file.

Some of the data within the data is all in uppercase, for example:

$scope.FootballClubs = [{
    C         


        

Answer 1

Let me offer a non-directive way which is probably easier to implement but less powerful and dependent on the solution being UI only. First, change them to lowercase {{name.CompanyName.toLowerCase()}}

I think the easiest way is to just have CSS format it (either via a style tag, class, etc).

 {{ name.CompanyName.toLowerCase() }}

Here is a demo: http://plnkr.co/edit/S4xtIRApMjKe0yQGREq5?p=preview