How to allow 'Open in a new tab' when using ng-click?

html angularjs angularjs-ng-click
jgabrielfaria picture jgabrielfaria · Apr 14, 2014 · Viewed 46.7k times · Source

I have a table on HTML and each row leads to a different page, with more details about that row. But as I am using angularjs, with ng-click I can't right click this row and select 'open in a new tab'. Is there any way to solve it?

Thanks in advance!

Answer

Erex picture Erex · Apr 16, 2014

If possible you should convert your element to an anchor element.

<a ng-href="{{ your dynamic url }}" ng-click="your function">Your link text</a>

The browser will interpret the element as a link, and will therefor give you the correct dropdown. Note that you also have to have the correct href value to open in a new tab.

EDIT: I would recommend this question if you want a more detailed answer on how to fix this kind of behaviour using JQuery.

Related questions

Bind input value to ng-click button (send value as parameter)

I'm trying to bind the value from an input field to the parameter of my method on ng-click. Here's what I got, but it doesn't work, and I am not too sure if it's possible to do it this way?: &…

Read More
AngularJS pass string as function to use at ng-click

I want to assign a javascript function to ng-click which name is sourced by a rest service. <li ng-class="{ active: isActive('url')}" data-ng-repeat="menu in mb.data"> <a href="{{menu.href}}" data-ng-click="{{menu.javascript}}">{{menu.label}}&…

Read More
Angular: ng-click on ng-bind-html block not firing

I am quite new in the area of AngularJS and of course I am doing something in the wrong way. So, here is my problem: I have a small chat widget which takes the data through JSON from a PHP …

Read More