如何在angularjs的文本框中输入@时显示名称列表

app.controller('MainController', function($scope) {
  $scope.names = ['Alice', 'Bob', 'Charlie', 'David'];
});

<div ng-controller="MainController">
  <input type="text" ng-model="searchText" ng-keyup="showNames()" />
  <ul>
    <li ng-repeat="name in filteredNames">{{ name }}</li>
  </ul>
</div>

app.controller('MainController', function($scope) {
  $scope.names = ['Alice', 'Bob', 'Charlie', 'David'];
  
  $scope.showNames = function() {
    $scope.filteredNames = $scope.names.filter(function(name) {
      return name.toLowerCase().includes($scope.searchText.toLowerCase());
    });
  };
});

<div ng-controller="MainController">
  <input type="text" ng-model="searchText" ng-keyup="showNames()" />
  <ul>
    <li ng-repeat="name in filteredNames">{{ name }}</li>
  </ul>
</div>