AngularJS Filter Nested ng-repeat

http://stackoverflow.com/questions/25696233/angularjs-filter-collection-by-child

by Hariprasath Manivannan

HTML

<div ng-repeat="scholarship in scholarships">
    {{scholarship.name}}
    <input type="number" id="sAmount-{{$index}}" max="500" ng-model="scholarship.amount" required/>
        <div ng-show="scholarship-{{$index}}.$error.max">Error</div>
</div>

JavaScript

var app = angular.module('myapp', [], function () {});

app.controller('AppController', function ($scope) {    
    $scope.scholarships = [
        {
            "name" : "abc",
            "amount" : 456
        },
        {
            "name" : "def",
            "amount" : 789
        }
    ];
});