如何在离子搜索栏中搜索其他项目时保持选中状态？

// 在组件中定义搜索栏的相关属性和方法
export class SearchBarComponent {
  searchKeyword: string;
  projectList: any[]; // 项目列表
  selectedProject: any; // 当前选中的项目

  constructor() {
    this.searchKeyword = '';
    this.projectList = []; // 初始化项目列表为空
    this.selectedProject = null; // 初始化选中项目为空
  }

  onSearch() {
    // 根据搜索关键字筛选项目列表
    const matchedProjects = this.projectList.filter(project => {
      return project.name.includes(this.searchKeyword);
    });

    // 更新选项列表
    this.updateOptions(matchedProjects);

    // 保持选中状态
    this.setSelectedProject();
  }

  updateOptions(projects: any[]) {
    // 更新选项列表
    // 例如使用Ionic的Select组件，可以通过ngFor指令动态生成选项
    // <ion-select-option *ngFor="let project of projects" [value]="project">{{ project.name }}</ion-select-option>
  }

  setSelectedProject() {
    if (this.selectedProject) {
      // 在新的选项列表中查找对应的选中项目
      const matchedProject = this.projectList.find(project => {
        return project.id === this.selectedProject.id;
      });

      if (matchedProject) {
        // 设置为选中状态
        this.selectedProject = matchedProject;
      } else {
        // 保持之前的选中状态或重置为空
        // this.selectedProject = null;
      }
    }
  }

  onSelectProject(project: any) {
    // 用户选择项目时更新选中状态
    this.selectedProject = project;
    this.searchKeyword = project.name; // 更新搜索栏的显示文本
  }
}