首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >“NavController”类型在角上不存在属性“push”

“NavController”类型在角上不存在属性“push”
EN

Stack Overflow用户
提问于 2022-07-08 06:19:51
回答 1查看 506关注 0票数 1

我正在构建Ionic应用程序,当我单击按钮并传递变量时,我需要导航到另一个页面,但由于某种原因,this.navCtrl.push()无法工作。

有什么问题吗?提前谢谢你。

HomePage:

代码语言:javascript
运行
复制
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);
  }

  

}

EN

Stack Overflow用户

发布于 2022-07-22 08:10:25

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

代码语言:javascript
运行
复制
this.navCtrl.navigateForward(<URL>, { state: { <DATA> } } );

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

代码语言:javascript
运行
复制
data: any = null ;

constructor(private router: Router) { 
    this.data = this.router.getCurrentNavigation()?.extras?.state;
}
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72907391

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档