我正在构建Ionic应用程序,当我单击按钮并传递变量时,我需要导航到另一个页面,但由于某种原因,this.navCtrl.push()无法工作。
有什么问题吗?提前谢谢你。
HomePage:
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { CurrentWeatherPagePage } from '../current-weather-page/current-weather-page.page';
import { NavController, NavParams } from '@ionic/angular';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
constructor(public navCtrl:NavController){}
cityName = ''
logForm() {
console.log(this.cityName);
this.navCtrl.push(CurrentWeatherPagePage, this.cityName);
}
}
发布于 2022-07-22 08:10:25
您必须使用navCtrl.navigateForward,如果需要传递参数,可以这样做
this.navCtrl.navigateForward(<URL>, { state: { <DATA> } } );然后在另一个视图中,在构造函数中,执行以下操作
data: any = null ;
constructor(private router: Router) {
this.data = this.router.getCurrentNavigation()?.extras?.state;
}https://stackoverflow.com/questions/72907391
复制相似问题