Prevent browser from opening two tabs when clicking link inside

Asked Dec 18 '19 at 21:30

Active Dec 18 '19 at 21:48

Viewed 122 times

I have the following code. The problem is that the browser opens two tabs when clicking the <a> element.

The md-toolbar element opens a link once it is clicked by triggering the openLink() function. However, when clicking the <a> element, the browser (Firefox only) opens two tabs from both links in md-toolbar and <a>

<md-toolbar ng-click="$ctrl.openLink('https://youtube.com')">
  <div layout="row" layout-align="space-between center" class="md-toolbar-tools">
      <a ng-click="$ctrl.openLink('https://google.com')">
        <md-button>
          Google
        </md-button>
      </a>
  </div>
</md-toolbar>

Is there a solution that prevents the browser from opening both links?

edited Dec 18 '19 at 21:46

georgeawg

48,608
13
72
95

asked Dec 18 '19 at 21:30

chris

2,490
4
32
56

if I try to access $ctrl insde `onclick` it errors out saying `$ctrl` is no defined – chris Dec 18 '19 at 21:47
1

Use `ng-click="$event.stopPropagation();$ctrl.openLink('https://google.com')"` – georgeawg Dec 18 '19 at 21:51
@georgeawg thaanks! that worked – chris Dec 18 '19 at 21:56

Prevent browser from opening two tabs when clicking link inside

0 Answers0