Angular 6 динамических представлений со вспомогательными маршрутами и чистыми URL

Question

В моем проекте Angular 6 некоторые компоненты имеют боковую панель, а некоторые нет.Я пытался сделать это с помощью вспомогательных маршрутов, и это сработало, но URL-адреса выглядят ужасно, как ...!

-

Что я делаю:

const routes: Routes = [
{
    path: 'login',
    component: LoginComponent
},
{
    path: 'search',
    component: SearchComponent
},
{
    path: 'sidebar',
    outlet: 'sidebar',
    component: SidebarComponent
}

, которыйдает мне возможные URL

https://localhost:4200/login - (login without sidebar)

https://localhost:4200/login(sidebar:sidebar) - (login with sidebar)

https://localhost:4200/search - (search without sidebar)

https://localhost:4200/search(sidebar:sidebar) - (search with sidebar)

-

Желаемый результат - просто иметь URL / login и / search, но поиск с боковой панелью и логином без боковой панели. Как я могу это сделать?

Являются ли вспомогательные маршруты правильным способом сделать это?Или есть другой способ сделать это правильно?