How to open new tab in browser by using $location, angular?

Question

I have controller \'reportCtrl\' and HTML that represents 6 tables with data and only several rows I show at once.

app.js

v         


        

Answer 1

If you want to open angular page in a new tab on ctrl+click or in same tab, then try this :-

HTML :

<a ng-click="navigationUrl($event)">My Link</a>

JS:

    var navigationUrl = function (event) {
            if (event.ctrlKey) {
                window.open(url, '_blank'); // in new tab
            } else {
                $location.path(url); // in same tab
            }
        };

Answer 2

You are opening a new window using another function which could get Angular confused.

Try passing the string in the $window.open(real_path) where real_path is a string containing the path you want to navigate

Answer 3

One more option is to use ng-href

HTML:

 <a  ng-href="#/courses/{{employee.courseId}}/employees/{{employee.id}}" 
      target="_blank"> {{employee.employeeNumber}}
 </a>

Where url is based on where you want to redirect

Answer 4

For opening a new view in a new window, execute the following code:

window.open($location.$$absUrl.replace($location.$$path,NEW_PATH), '_blank');