如何在angularjs的自动完成选项中显示引导弹出窗口？

<input type="text" ng-model="searchText" ng-keyup="showPopup($event)">

$scope.showPopup = function(event) {
  if (event.keyCode === 13) { // 按下回车键
    // 处理用户输入，例如从服务器获取匹配的选项列表
    var options = ['Option 1', 'Option 2', 'Option 3'];

    // 创建一个弹出窗口
    var popup = angular.element('<div class="popup">' +
      '<ul>' +
      '<li ng-repeat="option in options">{{ option }}</li>' +
      '</ul>' +
      '</div>');

    // 将弹出窗口添加到页面中
    angular.element(document.body).append(popup);

    // 设置弹出窗口的位置
    var inputElement = event.target;
    var inputRect = inputElement.getBoundingClientRect();
    popup.css({
      top: inputRect.bottom + 'px',
      left: inputRect.left + 'px'
    });

    // 监听弹出窗口中选项的点击事件
    popup.on('click', 'li', function() {
      var selectedOption = angular.element(this).text();
      // 处理选项的选择
      console.log('Selected option:', selectedOption);
      // 关闭弹出窗口
      popup.remove();
    });

    // 监听点击页面其他位置的事件，关闭弹出窗口
    angular.element(document).on('click', function(event) {
      if (!popup[0].contains(event.target) && event.target !== inputElement) {
        popup.remove();
      }
    });

    // 更新弹出窗口中的选项列表
    $scope.options = options;
  }
};