What is Route Params in Angular2?

What is Route Params in Angular 2?

The route parameter is used to map given URL's parameters based on the rout URLs and it is an optional parameters for that route.

Firstly will need to import from '@angular2/router' in the components file.

Syntax:-
params : {[key: string]: string}

Example as,
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'user',
    templateUrl: './user.component.html',
    styleUrls: ['./user.component.css'],
    providers: [UserService, AppGlobals]
})

export class UserComponent {
    private userid: string;
    private subUser;
    constructor(private _route: ActivatedRoute) {
    }

    ngOnInit() {
        this.subUser = this._route.params.subscribe(params => {
            this.userid = params['userid'];
        });
    }

    ngOnDestroy() {
        this.subUser.subscribe();
    }
}

Angular2 - Routing Concepts

What is Routing in Angular 2? What is Routes?
What is Router Imports? What is RouterOutlet?
Is it possible to have a multiple router-outlet in the same template? What is RouterLink?

ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book