viewtwo.component.ts

import {Component, OnInit} from 'angular2/core';
import {RouteParams, RouteData} from 'angular2/router';

@Component({
    selector : 'view-two',
    template: `These are the values returned from view one: <br />
               Route Parameter : {{ routeParameter }} <br />
               Query Parameter : {{ queryParameter }} <br />
               Route Data : {{ routeData }} <br />
               <button (click)="goBack()">Go Back</button>`
})

export class ViewTwoComponent implements OnInit{
    public routeParameter : string = "empty";
    public queryParameter : string = "empty";
    public routeData : string = "empty";
    constructor(private _routeParams : RouteParams, private _routeData : RouteData) {}

    ngOnInit() {
        this.routeParameter = this._routeParams.get('routeParameter');
        this.queryParameter = this._routeParams.get('queryParameter');
        this.routeData = this._routeData.get('routeData');
    }

    goBack() {
        window.history.back();
    }
}