title: How to open new tab in browser by using $location, angular?
body: <p>I have controller <code>'reportCtrl'</code> and HTML that represents 6 tables with data and only several rows I show at once.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>var appReport = angular.module('myAppReport', []);
  
  appReport.config(['$routeProvider', function($routeProvider) {
              $routeProvider.when('/showreport', {templateUrl: 'app/reports/reportsView.html', controller: 'reportCtrl'});
              $routeProvider.when('/showreport/:type', {templateUrl: 'app/reports/reportsView.html', controller: 'reportCtrl'});
  </code></pre>
  
  <p>Each table has one button that on click, should open new tab in browser with extended table:</p>
  
  <pre><code>scope.onClick = function(path){
      var real_path = $location.path() + '/' + path + '/';
      $location.path( real_path );
      // $window.open($location.path()); // doesn't work
  };
  </code></pre>
  
  <p>For example I have root view URL:</p>
  
  <pre><code>http://dev.test.com/reports/date/#/showreport
  </code></pre>
  
  <p>Now, after button is pressed I want to create :</p>
  
  <pre><code>http://dev.test.com/reports/date/#/showreport/table_name
  </code></pre>
  
  <p>and open it in new tab. As you see, I tried <code>$window.open($location.path());</code> but it doesn't work, nothing happens.</p>
  
  <p>Thanks, </p>