在表格中使用uppercase过滤器-创新互联

<!DOCTYPE html>

站在用户的角度思考问题，与客户深入沟通，找到六安网站设计与六安网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖六安地区。

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="">

<style>

table,th,td{

border:1px solid grey;

border-collapse:collapse;

padding:5px;

}

table tr:nth-child(odd){

background-color: #f1f1f1;

}

table tr:nth-child(even){

background-color: #fff;

}

</style>

</head>

<body>

<div ng-app="myApp" ng-controller="customersCtrl">

<table>

<tr ng-repeat="x in names | orderBy : 'Country' ">

<td>`x`.`Name`</td>

<td>{{x.Country | uppercase}}</td>

</tr>

</table>

</div>

</body>

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

<script>

var app = angular.module("myApp",[]);

app.controller("customersCtrl",function($scope,$http){

$http.get("sites.php").success(function(response){

$scope.names = response.sites;

});

});

</script>

</html>

sites.php

{

  "sites": [

      {

          "Name": "菜鸟教程",

          "Url": "www.runoob.com",

          "Country": "CN"

      },

      {

          "Name": "Google",

          "Url": "www.google.com",

          "Country": "USA"

      },

      {

          "Name": "Facebook",

          "Url": "www.facebook.com",

          "Country": "USA"

      },

      {

          "Name": "微博",

          "Url": "www.weibo.com",

          "Country": "CN"

      }

  ]

}

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。