AngularJS:如何显示数组，如果选择了要显示的值？

<div ng-controller="MyController">
  <select ng-model="selectedFruit" ng-options="fruit for fruit in fruits"></select>
  <ul>
    <li ng-repeat="fruit in fruits" ng-show="fruit === selectedFruit">
      {{ fruit }}
    </li>
  </ul>
</div>

app.controller('MyController', function($scope) {
  $scope.fruits = ['apple', 'banana', 'cherry'];
  $scope.selectedFruit = 'banana'; // 默认选择
});

<div ng-controller="MyController">
  <select ng-model="selectedFruit" ng-options="fruit for fruit in fruits"></select>
  <ul>
    <li ng-repeat="fruit in fruits | filter:selectedFruit">
      {{ fruit }}
    </li>
  </ul>
</div>

app.controller('MyController', function($scope) {
  $scope.fruits = ['apple', 'banana', 'cherry'];
});

<div ng-controller="MyController">
  <select ng-model="selectedFruit" ng-options="fruit for fruit in fruits"></select>
  <ul>
    <li ng-repeat="fruit in fruits | customFilter:selectedFruit">
      {{ fruit }}
    </li>
  </ul>
</div>

app.controller('MyController', function($scope) {
  $scope.fruits = ['apple', 'banana', 'cherry'];
});

app.filter('customFilter', function() {
  return function(items, selected) {
    if (!selected) return items;
    return items.filter(function(item) {
      return item === selected;
    });
  };
});