当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 解决ionic <ion-nav> rootParams获取不到参数

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

2018年03月12日  | 移动技术网IT编程  | 我要评论

在使用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 传递过来的参数

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

 (this.navCtrl as any).rootParams

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

 

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

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网