Ionic 属性'push'不存在于Angular中的类型'NavController'上

fnvucqvd  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(215)

我正在构建Ionic应用程序,当我点击按钮并传递变量时,我需要导航到另一个页面,但由于某种原因,这个.navCtrl.push()不起作用。
可能有什么问题?提前谢谢你。
首页:

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);
  }

  

}
1qczuiv0

1qczuiv01#

必须使用navCtrl.navigateForward,如果需要传递参数,可以这样做

this.navCtrl.navigateForward(<URL>, { state: { <DATA> } } );

然后在另一个视图的构造函数中执行以下操作

data: any = null ;

constructor(private router: Router) { 
    this.data = this.router.getCurrentNavigation()?.extras?.state;
}

相关问题