I using `PrimeNG` theme with `Angular`. I want create login component, which contains login form. I create component:

```
ng generate component login

```

and add to `app.routes.ts`:

```
import {Routes, RouterModule} from '@angular/router';
import {ModuleWithProviders} from '@angular/core';
import {CampaignsOverviewComponent} from "./campaigns/campaigns-overview/campaigns-overview.component";
import {LoginComponent} from "./login/login.component";

export const routes: Routes = [
    {path: '', redirectTo: '/campaigns', pathMatch: 'full'},
    {path: 'campaigns', component: CampaignsOverviewComponent},
    {path: 'login', component: LoginComponent}
];

export const AppRoutes: ModuleWithProviders = RouterModule.forRoot(routes, {
    useHash: true
});

```

When I follow to the 'login' page, I see:

[![enter image description here](https://i.stack.imgur.com/Vcflh.jpg)](https://i.stack.imgur.com/Vcflh.jpg)

As you can see, my component is embedded inside. But, I need to display my page on top of everything, so that the page has only the authorization form, without titles, menus and other things. How can this be done?