chaining of filters

filter chaning

by shushanth pallegar

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    
    <p>{{text|makeFirstLetterCaps | joinSuffixString}}</p>
    
    
</div>

JavaScript

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

App.controller("myCtrl",["$scope",function($scope){

   $scope.text = "hello"
}]);

App.filter('makeFirstLetterCaps',function(){

    return function(input){
    return input.substr(0,1).toUpperCase()+input.substr(1); // made first char caps =>Hello
    
    }

});

App.filter('joinSuffixString',function(){

    return function(input){
        console.log(input) // outputs 'Hello'  the input which is modified in the previous filter 
      return input+input.substr(1);
    
    }

})