title: How to get a link that do nothing
body: <p>I have created a search engine using Angular and Bootstrap. I have created different results tab as shown in image  <a href="https://i.stack.imgur.com/LHsyd.png" rel="nofollow noreferrer">Tabs</a> . Right clicking on tab does not show the option of a link as we get on any link. 
  <a href="https://i.stack.imgur.com/GgMWW.png" rel="nofollow noreferrer">link on right click</a>
  Currently I am using <code>&lt;li&gt;</code> tag and bootstrap to create the tabs of different result section. Here is the code for that </p>
  
  <pre><code>&lt;ul type="none" id="search-options"&gt;
          &lt;li [class.active_view]="Display('all')" (click)="docClick()"&gt;All&lt;/li&gt;
          &lt;li [class.active_view]="Display('images')" (click)="imageClick()"&gt;Images&lt;/li&gt;
          &lt;li [class.active_view]="Display('videos')" (click)="videoClick()"&gt;Videos&lt;/li&gt;
          &lt;li [class.active_view]="Display('news')" (click)="newsClick()"&gt;News&lt;/li&gt;
          &lt;li class="dropdown"&gt;
            &lt;a href="#" id="settings" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt;
              Settings
            &lt;/a&gt;
            &lt;ul class="dropdown-menu" aria-labelledby="settings" id="setting-dropdown"&gt;
              &lt;li routerLink="/preferences"&gt;Search settings&lt;/li&gt;
              &lt;li data-toggle="modal" data-target="#customization"&gt;Customization&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li class="dropdown"&gt;
            &lt;a href="#" id="tools" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt;
              Tools
            &lt;/a&gt;
            &lt;ul class="dropdown-menu" aria-labelledby="tools" id="tool-dropdown"&gt;
              &lt;li (click)="filterByContext()"&gt;Context Ranking&lt;/li&gt;
              &lt;li (click)="filterByDate()"&gt;Sort by Date&lt;/li&gt;
              &lt;li data-toggle="modal" data-target="#myModal"&gt;Advanced Search&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
  </code></pre>
  
  <p>After clicking on the link everything is handled by the functions which get executed on click event. All I want to do that is make that a link, so that user can open it in new tab and state of the app should not change at all. How that is possible? I have tried to do that using routing but things became more complicated. i also followed some answers from here <a href="https://stackoverflow.com/questions/8260546/make-a-html-link-that-does-nothing-literally-nothing">Make a HTML link that does nothing (literally nothing)</a> but they do not work. Please help. I have tried all the answers from there opening link in new tab just disturbs the state of URL.</p>