欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决ionic rootParams获取不到参数

程序员文章站 2022-06-24 12:50:35
在使用ion-nav 标签的时候 设置的页面 无法拿到传递的参数 在GettingStartedPage获取传递的rootParams,按照拿参数的方法应该是这样获取的 => this.navParams.data,然而this.navParams.data 获取是空。 在调试的时候 发现这样可以获 ......

在使用ion-nav 标签的时候 设置的页面 无法拿到传递的参数

import { Component } from '@angular/core';
import { GettingStartedPage } from './getting-started';

@Component({
  template: `<ion-nav [root]="root" [rootParams]="rootParams" ></ion-nav>`
})
class MyApp {
  root = GettingStartedPage;
  rootParams="数据";
  constructor(){
  }
}

在GettingStartedPage获取传递的rootParams,按照拿参数的方法应该是这样获取的 =>  this.navParams.data,然而this.navParams.data 获取是空。

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

@Component({
  selector: 'page-getting-started',
  templateUrl: 'getting-started.html',
})
export class GettingStartedPage{

  constructor(public navCtrl: NavController, public navParams: NavParams){
     this.navParams.data;//并未获得传递过来的数据数据
  }
}

在调试的时候 发现这样可以获得 rootParams 传递过来的参数

解决ionic <ion-nav> rootParams获取不到参数

这样写可以获得传递过来的 rootParams

 (this.navCtrl as any).rootParams

感觉这是另辟蹊径获得传递过来的参数,特此分享,如果有更好的方法请在下面留言。

 

此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。