如何使列表中的项目可单击以在IONIC浏览器中打开url。

<ion-list>
  <ion-item (click)="openURL('https://www.example.com')">项目1</ion-item>
  <ion-item (click)="openURL('https://www.example.com')">项目2</ion-item>
  <ion-item (click)="openURL('https://www.example.com')">项目3</ion-item>
</ion-list>

ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser

import { Component } from '@angular/core';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor(private inAppBrowser: InAppBrowser) {}

  openURL(url: string) {
    const browser = this.inAppBrowser.create(url, '_system');
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicModule } from '@ionic/angular';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [InAppBrowser], // 添加InAppBrowser插件
  bootstrap: [AppComponent],
})
export class AppModule {}