Angular JS如何在更改复选框值时切换筛选器？

<div ng-app="myApp" ng-controller="myController">
  <input type="checkbox" ng-model="filterValue" ng-change="toggleFilter()">
  <label>Toggle Filter</label>
  
  <ul>
    <li ng-repeat="item in items | filter: customFilter">{{item}}</li>
  </ul>
</div>

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.items = ['Apple', 'Banana', 'Cherry', 'Date'];
    $scope.filterValue = false;
    
    $scope.customFilter = function(item) {
      if ($scope.filterValue) {
        // 筛选器逻辑，根据复选框的值来切换筛选器
        return item.length > 5;
      } else {
        return true;
      }
    };
    
    $scope.toggleFilter = function() {
      // 当复选框的值发生变化时，重新应用筛选器
      $scope.$apply();
    };
  });