title: Is there a way to allow users to open new tab using an a tag without this being the default behaviour in Angular 13?
body: <p>I want to allow a user to right-click on a link and have the option to open in a new tab but I <strong>don't</strong> want this to be the default behaviour. I cannot hardcode the url as the link contains a div with an event listener that gets the required module and loads the url from there. Is there a way I can allow users to access the menu that allows open in new tab?</p>
  <pre><code>&lt;a *ngFor=&quot;let module of modules&quot;&gt;
      &lt;ion-item
      button
      class=&quot;module-item&quot;
      lines=&quot;none&quot;
      [ngClass]=&quot;[selectedModule === module.id ? 'selected' : '', 'cc-sidebar-left-list-item-' + module.id]&quot;
      (click)=&quot;onGoToModule(module)&quot;
  &gt;
      &lt;cc-module-icon slot=&quot;start&quot; [module]=&quot;module&quot;&gt;&lt;/cc-module-icon&gt;
      &lt;ion-label class=&quot;ion-text-wrap cc-primary-header&quot;&gt;
          {{ module.name }}
      &lt;/ion-label&gt;
  &lt;/ion-item&gt;
  &lt;/a&gt;
  </code></pre>