Ionic 5:如何从另一个页面获取输入值？

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

constructor(private navCtrl: NavController) {}

navigateToTargetPage() {
  const inputValue = 'example value'; // 获取输入值
  this.navCtrl.navigateForward('/target-page', { state: { input: inputValue } });
}

import { NavParams } from '@ionic/angular';

constructor(private navParams: NavParams) {}

ionViewDidEnter() {
  const input = this.navParams.get('input'); // 获取传递的输入值
  console.log(input);
}

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private inputValue: string;

  setInputValue(value: string) {
    this.inputValue = value;
  }

  getInputValue() {
    return this.inputValue;
  }
}

import { DataService } from 'path-to-data-service';

constructor(private dataService: DataService) {}

setInputValue() {
  const inputValue = 'example value'; // 获取输入值
  this.dataService.setInputValue(inputValue);
}

import { DataService } from 'path-to-data-service';

constructor(private dataService: DataService) {}

ionViewDidEnter() {
  const input = this.dataService.getInputValue(); // 获取共享的输入值
  console.log(input);
}