AngularJS - 格式文本从 JSON 返回到标题大小写 [英] AngularJS - Format Text Return From JSON To Title Case

问题描述

我有一个从 JSON 文件中检索数据的服务.

数据中的部分数据全部为大写，例如:

$scope.FootballClubs = [{公司名称:[MANCHESTER UNITED, LIVERPOOL FOOTBALL CLUB, CHELSEA, WIGAN UNTIED, LEICESTER CITY]}];

在我的 HTML 中，我只是简单地抛出上述内容:

{{ name.CompanyName }}

哪个抛出:

曼联利物浦足球俱乐部切尔西维根解开莱斯特城

我想显示的是:

曼联利物浦足球俱乐部切尔西维冈联莱斯特城

解决方案

A 过滤器是实现此目的的理想解决方案

{{ name.CompanyName |标题案例 }}

所以过滤器本身就是

angular.module('myFootballModule', []).filter('titleCase', function() {返回函数(输入){输入 = 输入 ||'';return input.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});};})

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 = [{
    CompanyName: [MANCHESTER UNITED, LIVERPOOL FOOTBALL CLUB, CHELSEA, WIGAN UNTIED, LEICESTER CITY]
}];

And in my HTML, i am simply throwing about the above:

<div ng-repeat="name in FootballClubs">
    {{ name.CompanyName }}
</div>

Which throws out:

MANCHESTER UNITED
LIVERPOOL FOOTBALL CLUB
CHELSEA
WIGAN UNTIED
LEICESTER CITY

What i am trying to display is:

Manchester United
Liverpool Football Club
Chelsea
Wigan United
Leicester City

解决方案

A filter is an ideal solution for this purpose

<div ng-repeat="name in FootballClubs">
    {{ name.CompanyName | titleCase }}
</div>

So the filter itself would be

angular.module('myFootballModule', [])
  .filter('titleCase', function() {
    return function(input) {
      input = input || '';
      return input.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
    };
  })

这篇关于AngularJS - 格式文本从 JSON 返回到标题大小写的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！