@Component({
    selector: 'app',
    template: '<router-outlet></router-outlet>',
    directives: [ROUTER_DIRECTIVES, loginComponent, globalFrameComponent],
    providers: [HTTP_PROVIDERS, ROUTER_PROVIDERS]
})
@RouteConfig([
    { path: '/', name: 'Login', component: loginComponent, useAsDefault: true },
    { path: '/kms', name: 'Kms', component: globalFrameComponent }

])
@Injectable()
export class AppComponent {
    constructor(private _router: Router) {
        this._router.navigate(['Login']);
    }

@Component({
    selector: 'login',
    templateUrl: 'login.html'

})
@Injectable()
export class loginComponent {
    constructor(private _router: Router) {

    }

    loginClick(): void {
        debugger;
        this._router.navigate(['Kms']);
    }

}

@Component({
    selector: 'kms-app',
    templateUrl: 'app/dashboard/landing/html/globalframe.html',
    providers: [HTTP_PROVIDERS]

})
@Injectable()
export class globalFrameComponent {

//Code i.e properties and method required by view
}