Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in products | filter:{type:'fruit'}">{{item.name}}</li>
    </ul>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.products = [
        {name:"Apple",type:"fruit"},
        {name:"Grape",type:"fruit"},
        {name:"Orage",type:"fruit"},
        {name:"Carrot",type:"vegetable"},
        {name:"Milk",type:"dairy"}
    ]
}