title: how can make Burger Menu with Angular?
body: <p>How can make Burger Menu with Angular ? 
  I do not understand how to do in Typescript I am quite a beginner.</p>
  
  <p>when i switch my screen to smartphone mode should i hide the nav menu ?</p>
  
  <p><strong>homepage.component.html</strong> </p>
  
  <pre><code>&lt;div class="wrapper"&gt;
          &lt;div class="sidebar-wrapper"&gt;
              &lt;div class="title-content"&gt;
                  &lt;h1 class="title-wrapper"&gt;Furniture&lt;/h1&gt;
                  &lt;button (click)="burgerMenuClick"&gt;&amp;#9776;&lt;/button&gt;
              &lt;/div&gt;
              &lt;nav class="sidebar-wrapper-nav"&gt;
                  &lt;ul&gt;
                      &lt;li class="list-wrapper"&gt;
                          Home
                      &lt;/li&gt;
                      &lt;li class="list-wrapper"&gt;
                          Shop
                      &lt;/li&gt;
                      &lt;li class="list-wrapper"&gt;
                          Product
                      &lt;/li&gt;
                      &lt;li class="list-wrapper"&gt;
                          Cart
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
          &lt;div class="main-content-wrapper"&gt;
              &lt;img src="https://colorlib.com/preview/theme/amado/img/product-img/pro-big-1.jpg"&gt;
              &lt;img src="https://colorlib.com/preview/theme/amado/img/product-img/pro-big-1.jpg"&gt;
              &lt;img src="https://colorlib.com/preview/theme/amado/img/product-img/pro-big-1.jpg"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>homepage.component.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-homepage',
    templateUrl: './homepage.component.html',
    styleUrls: ['./homepage.component.css']
  })
  export class HomepageComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
      this.burgerMenuClick();
    }
  
    burgerMenuClick() {
  
    }
  
  }
  </code></pre>