how to pass data to another page in ionic 3

1import { Component, OnInit } from '@angular/core';
2import { ActivatedRoute, Router } from '@angular/router';
3 
4@Component({
5  selector: 'app-details',
6  templateUrl: './details.page.html',
7  styleUrls: ['./details.page.scss'],
8})
9export class DetailsPage implements OnInit {
10 
11  data: any;
12 
13  constructor(private route: ActivatedRoute, private router: Router) {
14    this.route.queryParams.subscribe(params => {
15      if (this.router.getCurrentNavigation().extras.state) {
16        this.data = this.router.getCurrentNavigation().extras.state.user;
17      }
18    });
19  }
20 
21  ngOnInit() { }
22}
23

1Controller - 
2
3this.navCtrl.push(page2,{
4item:item,
5item2:item2
6});
7
8
9
10View - 
11
12this.value = navParams.get('item');

1ionic start academyNavigation blank --type=angular
2cd academyNavigation
3ionic g page details
4