在新标签页/窗口中打开新视图

Question

I'm trying to handle the 'wheel click' and 'right-click > open in new tab/window' in order to load the targeted view in the new tab/window.

Let's say in one of my view, I have something like this :

  <li><a href="javascript:void(0)" ng-click="h.changeView('projects')">Time Tracking</a></li>
  <li><a href="javascript:void(0)" ng-click="h.changeView('requests')">Dashboard</a></li>

The changeView() function in my controller looks like this :

  this.changeView = function(viewPath) {
    $location.path(viewPath);
  };

And the route configuration like this :

// Routes configuration
app.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'requests/requestsList.html',
      controller: 'requestsController',
      controllerAs: 'r'
    })
    .when('/requests', {
      templateUrl: 'requests/requestsList.html',
      controller: 'requestsController',
      controllerAs: 'r'
    })
    .when('/projects', {
      templateUrl: 'projects/projectsList.html',
      controller: 'projectsController',
      controllerAs: 'p'
    })
    .otherwise({
      redirectTo: '/'
    });
}]);

How could I handle the displaying of a new view in a different tab/window ?

Also, is there a syntax in my $routeProvider that allows me to combine the / and /requests in the same when(...) ?

Answer 1

Simple HTMl will help you there. Add in your HTML code a target="_blank"

Answer 2

Try using $window service:

this.changeView = function(viewPath) {
  $window.open(viewPath, '_blank');
};