要实现与ion-icon和ion-select类似的行为，可以使用ion-popover在单击图标时显示选项。以下是您的操作方法：
1.创建将显示以下选项的弹出框组件：
popover-component.ts:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-popover',
  template: `
    <ion-list>
      <ion-item *ngFor="let shop of pshops" (click)="selectShop(shop.url)">
        {{ shop.name }}
      </ion-item>
    </ion-list>
  `,
})
export class PopoverComponent {
  @Input() pshops: any[];

  selectShop(shopUrl: string) {
    // Implement the logic to handle the selected shop here
    console.log(shopUrl);
  }
}

字符串
1.将弹出框组件添加到应用模块：
app.module.ts:

import { PopoverComponent } from './popover-component';

@NgModule({
  // ... other imports and declarations
  declarations: [PopoverComponent],
  entryComponents: [PopoverComponent], // Add this line
})
export class AppModule {}

型
1.在主组件中，单击图标时打开弹出框：
main-component.ts:

import { PopoverController } from '@ionic/angular';
import { PopoverComponent } from './popover-component';

@Component({
  selector: 'app-main',
  template: `
    <!-- Your other template code -->

    <ion-col class="settings ion-text-end">
      <ion-icon name="pricetags-outline" size="small" (click)="openPopover($event)"></ion-icon>
      <ion-icon (click)="headerService.changeMenu()" name="settings-sharp" size="small" title="Configuración"></ion-icon>
    </ion-col>
  `,
})
export class MainComponent {
  constructor(private popoverController: PopoverController) {}

  async openPopover(event: Event) {
    const popover = await this.popoverController.create({
      component: PopoverComponent,
      event,
      translucent: true,
      componentProps: {
        pshops: headerService.pshops,
      },
    });
    await popover.present();
  }
}

型
使用此设置，当单击ion-icon时，将显示一个弹出框，其中包含来自ion-select的选项。当用户从弹出框中选择一个选项时，PopoverComponent中的selectShop()方法将被调用，您可以在那里实现处理所选商店的逻辑。