angularjs - 如何使用 $location、Angular 在浏览器中打开新选项卡？

Question

我有 Controller 'reportCtrl' 和 HTML，它代表 6 个包含数据的表，并且一次只显示几行。

app.js

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'});

每个表格都有一个按钮，单击该按钮后，应在浏览器中打开带有扩展表格的新选项卡:

scope.onClick = function(path){
    var real_path = $location.path() + '/' + path + '/';
    $location.path( real_path );
    // $window.open($location.path()); // doesn't work
};

例如我有 Root View URL:

http://dev.test.com/reports/date/#/showreport

现在，按下按钮后我想创建:

http://dev.test.com/reports/date/#/showreport/table_name

并在新选项卡中打开它。如您所见，我尝试了 $window.open($location.path()); 但它不起作用，什么也没有发生。

谢谢

Answer 1

您正在使用另一个函数打开一个新窗口，这可能会让 Angular 感到困惑。

尝试在 $window.open(real_path) 中传递字符串，其中 real_path 是包含您要导航的路径的字符串