как показать боковую панель в angular8, я поместил боковую панель и панель навигации в отдельных компонентах, боковая панель скрывается, но я не могу показать / переключить боковую панель

Question

Я хочу показать / скрыть боковую панель, но оба находятся в разных компонентах. Я использую селекторы боковой панели и панели навигации в других компонентах, чтобы показать боковую панель и панель навигации.

// html navbar

<nav class="navbar navbar-expand-lg ">
<div class="container-fluid">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
        aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-bar burger-lines"></span>
        <span class="navbar-toggler-bar burger-lines"></span>
        <span class="navbar-toggler-bar burger-lines"></span>
    </button>
    <div class="ml-auto">
        <a href="#" class="text-secondary">
            <button type="button" class="btn btn-primary">Logout</button>
        </a>
    </div>
</div>

// html sidebar

<div class="sidebar">
<div class="logo">
    <a class="simple-text logo-normal">
        Sidebar
    </a>
</div>
<div class="sidebar-wrapper">
    <ul class="nav">
        <li class="nav-item " [routerLink]="['/dashboard']" routerLinkActive="active">
            <a class="nav-link">
                <p>Dashboard</p>
            </a>
        </li>
    </ul>
</div>