[Angular 2] Router Basic and Router Params

• When we define router in Angualr 2, we use @RouteConcfig ()
• When we want to display component, we <router-outlet>
• When we want to navigate to component, we use [routerlink]= "[' Routername ']"
• When we want to access router params, we use Routerparams
• When we want to access Rotuer itself, we use Router

1. In index.html:

<href= "/">

2. Include Router file:

Import ' Angular2/router ';

3. Inject the provider:

Bootstrap (APP, [    router_providers]);

4. @RouterConfig:

@RouteConfig ([    True},    '/about ', Name: ' About ', component:aboutcomponent}]) 

5. Inject router_directives:

router_directives],

6. Define the link:

        <a href= "" [routerlink]= "[' Home ']" >Home</a>        <a href= "" [routerlink]= "[' home ', {username: ' Hero '} ] ">Owner</a>        <a href=" "[routerlink]=" [' About '] ">About</a>

7. Define the Router-outlet:

        <nav>            <a href= "" [routerlink]= "[' Home ']" >Home</a>            <a href= "" [routerlink]= "[' home ', { Username: ' Zhentian Wan '}] ">Owner</a>            <a href=" "[routerlink]=" [' About '] ">About</a>        </nav>        <router-outlet></router-outlet>

8. If deal with Routerparams:

    Constructor (private _routeparams:routeparams) {        this. Username = _routeparams.get (' Username ');    }

----------------

[Angular 2] Router Basic and Router Params