Eu gostaria de chamar páginas através de Rotas em 2 angulares

No meu app.modules eu criei o RouterModule and Routes, está tudo bem:

...

import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { DashBoardComponent} from './dashboard/dashboard.component';
import { NotFoundComponent } from './not-found/not-found.component';

Aqui, eu criei uma constante

    const APPROUTES: Routes = [
  {path: 'home', component: AppComponent},
  {path: 'login', component: LoginComponent},
  {path: 'dashboard', component: DashBoardComponent},
  {path: '**', component: NotFoundComponent}
];

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    DashBoardComponent
    NotFoundComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MaterialModule.forRoot(),
    RouterModule.forRoot(APPROUTES)
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Eu tenho duas páginas inicialmente, painel e login, quero que carregue a primeira página de login e depois a página do painel com uma condição, caso contrário ...

Na página principal "appcomponent.ts", como fazer isso é condição de login e painel ex

if(loggedin){
  // page dashboard
}else{
   // page login
}