python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions