AngularJS - Filters

reverse using filter

by manoj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="oneCtrl">
        <input type="text" ng-model="text" />
        <h1> {{ text | reverse }} </h1>
    </div>
</body>

JavaScript

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

myApp.filter('reverse', function() {
    return function(text) {
        return text.split("").reverse().join("");
    }
});

function oneCtrl($scope) {
    $scope.text = "Filter Applied";
}