import { Component , OnInit } from "@angular/core" ; class @ Component ( { styles : [ `
        #routerLinks {
            padding: 20px;
        }
    ` ] , template : `
                <div id="routerLinks">
                    <h4>Direct router shortcut links:</h4>
                    <a [routerLink]="['/EntryPanelNoId/Login']">To Login screen</a><br/>
                    <a [routerLink]="['/Login', {id: 'Sean-Levy'}, 'Login']">To Login screen with demo user args</a><br/>
                    <a [routerLink]="['/ForgotPass']">To Forgot Password screen</a><br/>
                    <a [routerLink]="['/AppManager']">To App manager</a><br/>
                    <a [routerLink]="['/App1']">To App1</a><br/>
                    <a [routerLink]="['/App2']">To App2</a><br/>
                    <a [routerLink]="['/App3']">To App3</a><br/>
                    <br/><small>I am Welcome component</small>
                </div>
                ` } ) export class Welcome implements OnInit { private someId : string ; constructor ( ) { this . someId = 'App1' + Math . random ( ) ; this . showTypedObjectArg ( { styles1 : [ 'foo' , 'bar' ] , styles2 : [ 1 , 2 ] } ) ; } private showTypedObjectArg ( { styles1 , styles2 } = { } ) { } ngOnInit ( ) { } }