Angular: Empty Fiddle

http://angularjs.org/

by Rinas

HTML

<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in products | filter:fruitOrVeg">{{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"}
    ];
    
    $scope.fruitOrVeg = function(product){
        return product.type == 'fruit' || product.type == 'vegetable';
    };
}