Custom Angular Kittens Filter

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <title></title>
  </head>

  <body ng-controller="Main as vm">
    <p>{{ vm.text }}</p>
    <p>{{ vm.text | kittens : 5 }}</p>
    <p>{{ vm.preprocessText }}</p>
    <script data-require="angular.js@1.3.16" data-semver="1.3.16" src="https://code.angularjs.org/1.3.16/angular.js"></script>
    <script src="app.js"></script>
  </body>
  
</html>

Example demonstrating how to create a custom filter. Read more about it at http://angularfirst.com/angular-filters

(function() {
  'use strict';

  angular
    .module('app', [])
    .filter('kittens', function() {

      return function(data, exclamations) {

        var kittens = 'Ooh, Kittens';
        exclamations = typeof exclamations !== 'number' ? 1 : exclamations;

        for (var i = 0; i < exclamations; i++) {
          kittens = kittens + '!';
        }

        return kittens;
      };
    });

  angular
    .module('app')
    .controller('Main', main);

  function main($filter) {
    var vm = this;

    vm.text = 'Here is some text';
    vm.preprocessText = $filter('kittens')(vm.text);
  }

})();