イオンページジャンプ質量参加

イオンページジャンプ質量参加

ジャンプページの前に

まず、パッケージの導入

import {NavController} from '@ionic/angular';

コンストラクタでの第二の負荷依存性

  constructor(public nav:NavController) {}

そして、キャリー・パラメータは、ページジャンプ

    this.nav.navigateRoot(['news'],{
      queryParams:{
        'page':"123",
        'wjw':"zheshiyigecanshu"
      }
    });

受信パラメータページで、TS

新しいページで取得パラメータは、ルまず、小さな袋をインポート

import {  ActivatedRoute, Params } from '@angular/router';

そして、直接コンストラクタのパラメータを受け入れます

   constructor(public activeRoute: ActivatedRoute) {
    this.activeRoute.queryParams.subscribe((params: Params) => {
      this.page = params['page'];
      this.page1 = params['wjw'];
      console.log("params:",this.page,this.page1)
    });
   }

OK！

前のページに戻ります

新しいページにボタンを追加し、戻るボタンをクリックし、以前にアクセスしてください

back(){
    this.nav.back()
}

開発のスピードやペースにイオンの更新は、中国、高速な鶏泥棒の子供のように、シャシ侯が変化したと言うことはできません、

方法がありますが、私はこの良いを感じます

前ページ

ガイドパッケージ

import { Router } from '@angular/router';

ジェクトの依存関係

constructor( public router: Router) {}

ジャンプページ

this.router.navigate(['news'], {
      queryParams: {
        'wjw': 'nihao'
      }
    });

2ページ目

また、リーダーパケットを持っている、と上のように

import {  ActivatedRoute, Params } from '@angular/router';

ジェクトの依存関係

constructor(public activeRoute: ActivatedRoute ) {}

パラメータを受け入れます

this.activeRoute.queryParams.subscribe((params: Params) => {
      console.log(params['wjw']);
   });