Angular: Empty Fiddle

http://angularjs.org/

by GruffBunny

HTML

<div ng-controller="MyController">
    <ul ng-repeat="movie in movies | filter:showMovie">
        <li>{{movie.name}}</li>
    </ul>
    
    <label>Comedy</label><input  type="checkbox" ng-model="Filter.Comedy" ng-true-value="Comedy"  data-ng-false-value=''/><br/>
    <label>Action</label><input  type="checkbox" ng-model="Filter.Action" ng-true-value="Action"  data-ng-false-value=''/><br/>
    <label>Drama</label><input  type="checkbox" ng-model="Filter.Drama" ng-true-value="Drama"  data-ng-false-value=''/>
  </div>

JavaScript

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

app.controller("MyController", function($scope){
    
    $scope.movies = [{name:'Shrek', genre:'Comedy'},
                     {name:'Die Hard', genre:'Action'},
                     {name:'The Godfather', genre:'Drama'}];
    
    $scope.showMovie = function(movie){
       return movie.genre === $scope.Filter.Comedy || 
         movie.genre === $scope.Filter.Drama ||
         movie.genre === $scope.Filter.Action;
    };
});