Angular subscribe回调内window.open不生效的解决方法

现代浏览器的弹窗拦截机制默认拦截非用户主动触发的弹窗：只有在用户交互（点击、按键等）触发的同步执行流中调用window.open才会被放行。你代码里的window.open写在两层异步订阅回调内部，执行时已经脱离了原始同步上下文，浏览器会判定为恶意广告弹窗直接拦截，和Angular本身语法无关。

方案1：预创建空白窗口后重定向（适配你当前页面初始化自动执行的场景） #

在发起异步HTTP请求前的同步代码段提前打开一个空白窗口，等接口返回拿到目标链接后，直接修改这个预创建窗口的地址即可，不会触发拦截。
修改后的代码参考：

ngOnInit(): void {
  let code: string = null;
  this.route.paramMap.subscribe((result) => {
    code = result.get('code');
    if (code) {
      // 同步阶段提前打开空白窗口，符合浏览器放行规则
      const jumpWindow = window.open('', '_blank');
      this.pageDataService.getQrLinks(Number(code)).subscribe(r => {
        if (r) {
          this.qrItems = r;
          this.showLinks = true;
          console.log(this.qrItems.length);
          if (this.qrItems.length === 1) {
            // 给预开窗口赋值目标跳转地址
            jumpWindow.location.href = this.qrItems[0].contentLink;
          } else {
            // 不满足跳转条件时关闭提前打开的空窗口，避免留空白页
            jumpWindow.close();
          }
        } else {
          // 请求异常时也关闭空窗口
          jumpWindow.close();
        }
      });
    }
  });
}

方案2：绑定用户交互事件触发（适合点击跳转类场景） #

如果这段逻辑不需要在页面初始化时自动执行，而是由用户点击按钮/链接触发，可以把整个请求+跳转逻辑绑定到DOM元素的点击事件上，只要点击事件里的同步段不被其他异步逻辑打断，window.open就不会被拦截。

注意：调用window.open时不要添加noopener、noreferrer参数，这类参数会断开窗口上下文关联，导致预创建窗口的重定向逻辑失效。

内容的提问来源于stack exchange，提问作者Franco Neil Glovasa