zoukankan      html  css  js  c++  java
  • 解决ionic <ion-nav> rootParams获取不到参数

    在使用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

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

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

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

  • 相关阅读:
    Oracle—SQL基础语句
    ORACLE中数据类型
    ORACLE表结构的操作
    PLSQL--存储过程
    PLSQL--游标
    PLSQL --流程控制
    PLSQL --变量
    Ajax请求校验username是否可用
    jQuery学习笔记(四)使用选择器三
    jQuery学习笔记(三)使用选择器二
  • 原文地址:https://www.cnblogs.com/huangenai/p/8545179.html
Copyright © 2011-2022 走看看