Javascript typescript中的Sidenav切换

有人能帮我在Angular和Typescript中为侧导航栏创建切换按钮吗

导航

主页
配置文件

（当前）日期

这是转换为typescript后的代码

（是的，是一样的。但你显然问错了问题。）

这就是如何根据屏幕大小以角度显示/隐藏内容--

---

TypeScript是JavaScriptvanilla javascript在TypeScript中完全有效，这不是问题所在；但是，如果您使用jQuery选择angular中的DOM元素，这远远不够理想，请改用angular函数

<nav *ngIf="nav.visible" class="sidebar col-xs-12 col-sm-4 col-lg-3 col-xl-2 bg-faded sidebar-style-1 sidenav pt-3 mt-1 pr-0 pl-0">
<ul class="nav nav-pills flex-column sidebar-nav navcss">
  <li class="nav-item"><a routerLink="/home" class="nav-link  h7 pb-2 pr-0" routerLinkActive="active"
                          [routerLinkActiveOptions]="{exact:true}"><em class="fa fa-home mr-2"></em> Home </a></li>
  <li class="nav-item"><a routerLink="/profile" class="nav-link  h7 pb-2 pr-0"><em class="fa fa-desktop mr-2 "></em> Profile</a>
  </li>
  <li class="nav-item"><a routerLink="/dob" class="nav-link  h7 pb-2 pr-0"><em class="fa fa-calendar-o mr-2"></em><span
    class="sr-only">(current)</span> DOB</a></li>
</ul>
</nav>

$("#menu-toggle").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});