Angular - Test Repeat Function

by Amitesh Kumar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
    Argument to be appended<input type="text" ng-model="varArg">
    <div ng-repeat="color in colors">
         <div>{{f(color.color, varArg)}}</div> 
    </div>
</div>

JavaScript

debugger;
angular.module("app", [])
    .controller('ctrl', ['$scope',
function ($scope) {
   $scope.varArg ="--";
    $scope.f = function(c,varArg){//we can use $scope.x directly instead of passing as argument
     return c + varArg;  
    }
    $scope.colors = [
        {
            color: "Red" 
        }, 
        {
            color: "Green"
        }
    ];
    
}])