AngularJS $filter no js

by Sajeetharan Sinnathurai

HTML

<div ng-app="" ng-controller="c">
 
  <input type="text" ng-model="search.name">
  <div>
    I have {{ff().length}} friends. They are:
      $
    <ul>
      <li ng-repeat="friend in ff()">
        [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
      </li>
    </ul>
      |
    <ul>
      <li ng-repeat="friend in friends | filter:search">
        [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
      </li>
    </ul>
  </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<style>
​.ng-invalid { border: 1px solid red; }​

JavaScript

function c ($scope, $filter){
    $scope.friends = [{name:'John', age:25}, {name:'Mary', age:28}]
    $scope.ff = function(search){
        return $filter('filter')($scope.friends, $scope.search);
    };
}