Open page in new tab Angular SideMenu

 Open page in new tab Angular side menu

_nav.ts

navbar = [
    {
      name: 'Open in new tab',
      icon: 'data-management',
      href:"https://angulartipsandinterview.blogspot.com/"
    }
  ];

app.component.ts

import { Component, OnInit, ViewChild, HostListener } from '@angular/core';

  @HostListener('click', ['$event'])

  onClick({target}) {

     if(target.classList.contains("data-management")){

       window.open("https://angulartipsandinterview.blogspot.com/");

       return false;

     }

  }