AngularJS - Format du Texte Retour Du JSON Pour les majuscules
J'ai un service qui récupère des données à partir d'un fichier JSON.
Certaines des données figurant dans les données est tout en majuscule, par exemple:
$scope.FootballClubs = [{
CompanyName: [MANCHESTER UNITED, LIVERPOOL FOOTBALL CLUB, CHELSEA, WIGAN UNTIED, LEICESTER CITY]
}];
Et dans mon code HTML, je suis tout simplement jeter sur la ci-dessus:
<div ng-repeat="name in FootballClubs">
{{ name.CompanyName }}
</div>
Qui jette:
MANCHESTER UNITED
LIVERPOOL FOOTBALL CLUB
CHELSEA
WIGAN UNTIED
LEICESTER CITY
Ce que je suis en train d'affichage est:
Manchester United
Liverpool Football Club
Chelsea
Wigan United
Leicester City
Vous devez vous connecter pour publier un commentaire.
Un filtre est une solution idéale pour ce but
Donc le filtre lui-même serait
Permettez-moi de vous donner un non-directive manière qui est sans doute plus facile à mettre en œuvre mais moins puissante et dépend de la solution d'INTERFACE utilisateur uniquement. Tout d'abord, changer de minuscules
{{name.CompanyName.toLowerCase()}}
Je pense que le plus simple est d'avoir juste le CSS le formater (via une balise style, la classe, etc).
Voici une démo: http://plnkr.co/edit/S4xtIRApMjKe0yQGREq5?p=preview
il suffit d'utiliser cette div en HTML
titleCase
n'est pas une filtre par défaut dansng
composant, si vous n'avez pas la mettre en œuvre, il ne fonctionnera pas. S'il vous plaît, voir la accepté de répondre à cette question.