[IONIC] navigation 파라미터 넘기기

ionic 차례

파라미터 넘기기

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

export class ReceiptPage implements OnInit {
	
    constructor(
        private router: Router,
    ) { }
    
    // 다음페이지로 파라미터를 넘긴다.
    moveNext(taskName) {
        let navigationExtras: NavigationExtras = {
            state: {
                taskName: taskName
            }
        };
        this.router.navigate(['/task'], navigationExtras)
    }
}

 

파라미터 받기

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

export class ItemPage implements OnInit {
	constructor(
        private route: ActivatedRoute,
        private router: Router
    ) { }

    ngOnInit() {
        // 파라미터를 가져온다.
        this.route.queryParams.subscribe(params => {
            if (this.router.getCurrentNavigation().extras.state) {
                const taskName = this.router.getCurrentNavigation().extras.state.taskName;
                console.log(taskName)
            }
        })
    }
}

 

 

ionic 차례