How to get parameters in modal.page.ts in ionic-v4

Ionic Framework
1

i have sent parameters in modal. but how can i get that parameters in modal.page.ts through routing?

  async openModal() {
    let modal = await this.modalCtrl.create({
      component: ModalassignPage,
      componentProps: {'PID':'123'}
    });
    return await modal.present();
  }
2

Like this, using NavParams
–> [Ionic 4] Get data in modal passed with componentProps

3

No MattE, i m able to get through NavParams but i want through Routing. Because NavParams will be removed in V4.

i m using this code but getting empty array

this.route.params.subscribe( paramss => {
      console.log(paramss);
    });
4
5

What’s your source? Yes no more navparams for navigation but where did you read that navparams would be removed for passing data between modals and popovers?

6

i m curious about future of app. actually we can get those parameters from routing also. so i m just trying. btw no where mentioned that. :slight_smile:

7 
import { Component, OnInit  } from '@angular/core';
import { Router, ActivatedRoute, ParamMap } from '@angular/router';

other code

 ngOnInit() {
     this.activatedRoute.paramMap
     .subscribe((queryParams: ParamMap) => {
        let PID = queryParams.get('PID');
     });
 }
8

Thanks bgies, but still getting null :frowning:

i tried this too but getting null

this.route.snapshot.paramMap.get('PID');
9

Found the way here:

1 Like
10

for me the following worked
this.route.snapshot.params.P’ID

11

Hi, try this : this.activatedRoute.snapshot.paramMap.get('PID')

12

This should be considered as the correct answer.