ionic链接到外部网站的侧菜单项

<ion-menu>
  <ion-header>
    <ion-toolbar>
      <ion-title>菜单</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-menu-toggle auto-hide="false" *ngFor="let menuItem of menuItems">
        <ion-item (click)="openExternalLink(menuItem.url)">
          <ion-icon slot="start" [name]="menuItem.icon"></ion-icon>
          <ion-label>{{ menuItem.title }}</ion-label>
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>

import { Component } from '@angular/core';
import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-side-menu',
  templateUrl: './side-menu.component.html',
  styleUrls: ['./side-menu.component.scss'],
})
export class SideMenuComponent {
  menuItems = [
    {
      title: '腾讯云官网',
      icon: 'globe',
      url: 'https://cloud.tencent.com/',
    },
    // 其他菜单项...
  ];

  constructor(private navCtrl: NavController) {}

  openExternalLink(url: string) {
    window.open(url, '_blank');
  }
}

<ion-app>
  <ion-split-pane>
    <ion-menu contentId="main-content">
      <app-side-menu></app-side-menu>
    </ion-menu>
    <ion-router-outlet id="main-content"></ion-router-outlet>
  </ion-split-pane>
</ion-app>