如何在AngularJS 1.0中使用window.open("_blank")不修改当前应用URL？

问题重现 #

我的JS代码：

var url = "https://www.google.com" 
window.open(url, "_blank", "menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=640,height=480", false); 

该代码可按预期打开新窗口加载目标URL，但主应用的当前URL会被修改。例如调用前URL为https://example.com/#!/projects/56asda/view，调用后会重定向至https://example.com/#!/。使用AngularJS 1.0开发前端，需要解决这个问题。

问题原因 #

AngularJS 1.x的哈希路由机制会监听浏览器的hash变化，当你调用window.open时，如果触发这个操作的事件（比如点击事件）没有被正确处理，Angular会误以为你要执行页面导航，从而重置路由到根路径（#!/）。另外，直接使用原生window对象可能会绕过Angular的上下文管理，触发不必要的路由监听逻辑。

解决方案 #

1. 阻止事件默认行为 #

如果window.open是通过DOM事件（比如按钮/链接点击）触发的，一定要先阻止事件的默认行为，避免Angular误判为导航操作。

原生JS事件绑定：

document.querySelector('.open-google-btn').addEventListener('click', function(e) {
  // 阻止默认行为，避免Angular路由重置
  e.preventDefault();
  
  var url = "https://www.google.com";
  window.open(url, "_blank", "menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=640,height=480");
});

Angular ng-click指令：

在模板中传入$event参数：

<button ng-click="openGoogle($event)">打开Google</button>

在控制器中处理事件：

app.controller('ProjectController', ['$scope', function($scope) {
  $scope.openGoogle = function(e) {
    e.preventDefault();
    var url = "https://www.google.com";
    window.open(url, "_blank", "menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=640,height=480");
  };
}]);

2. 使用AngularJS的$window服务 #

AngularJS提供了$window服务来封装原生window对象，使用它来调用open方法可以让Angular正确识别这个操作并非路由导航，从而避免URL重置。

// 在控制器中注入$window服务
app.controller('ProjectController', ['$scope', '$window', function($scope, $window) {
  $scope.openGoogle = function() {
    var url = "https://www.google.com";
    $window.open(url, "_blank", "menubar=no,location=yes,resizable=yes,scrollbars=yes,status=yes,width=640,height=480");
  };
}]);

3. 修正链接标签的href属性 #

如果是通过<a>标签触发的操作，要避免Angular解析href为路由路径，可将href设为javascript:void(0)：

<a href="javascript:void(0)" ng-click="openGoogle()">打开Google</a>

总结 #

核心思路是避免Angular把window.open的触发事件误判为路由导航，通过阻止默认行为或使用Angular封装的$window服务，就能解决主页面URL被重置的问题。

内容的提问来源于stack exchange，提问作者sp497