<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Creación de filtros</h1>
    <div ng-app="filtros" ng-controller="filtrosCtrl">
<ul>
  <li ng-repeat="nombre in nombres">
    Nombre: {{nombre | mayusculas}}
  </li>
</ul>      
    </div>
  </body>

</html>
// Code goes here
var app = angular.module("filtros",[]);
app.controller("filtrosCtrl", function ($scope){
  $scope.nombres=["uno","dos","tres"];
});
app.filter("mayusculas", function (){
  return function (item){
    return item.toUpperCase();
  };
});
/* Styles go here */

Creación de filtros