Custom Filter

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
 <div ng-app="app">
    <div ng-controller="PersonCtrl as person">
        <p>
            {{ person.username | makeUppercase| lowercase |limitTo:5}}
        </p>
    </div>
</div>
    
  </body>

</html>

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

app.filter('makeUppercase', function () {
    return function (item) {
        return item.toUpperCase();
    };
});

app.controller('PersonCtrl', function () {
    this.username = 'Dong Diem Thuy';
});

/* Styles go here */