AngularJS Example

by cherishpeace

HTML

<div ng-app="MyReverseModule">
  <div ng-controller="Ctrl">
    
    No filter: {{greeting}}<br>
    Reverse: {{greeting|reverse}}<br>
  </div>
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<style>

JavaScript

angular.module('MyReverseModule', []).
  filter('reverse', function() {
    return function(input) {
      var out = "";
      for (var i = 0; i < input.length; i++) {
        out = input.charAt(i) + out;
      }
      return out;
    }
  });

function Ctrl($scope) {
  $scope.greeting = 'hello';
}