Cacher is the code snippet organizer for pro developers

<nav (window:scroll)="scrolledNav($event)" (window:resize)="windowsListener($event)">
    <img src="./assets/img/logo.svg">
    <ul [style.display]="isSmartphoneSize()">
      <li></li>
    </ul>
</nav>

  windowsListener(e){
    console.log(e.target.innerWidth)
    if (e.target.innerWidth < 1000) {
      this.smartphoneSize = true;
    } else{
      this.smartphoneSize = false;
    }
  }

  isSmartphoneSize(){
    if (this.smartphoneSize) {
      return "none";
    } else{
      return "flex";
    }
  }