Angular 6打开新窗口中的URL
创始人
2024-10-16 07:00:33
0

在Angular 6中,可以使用以下方法打开新窗口中的URL:

  1. 在组件中导入RouterWindowRef(如果尚未导入):
import { Router } from '@angular/router';
import { WindowRef } from './window-ref'; // 自定义的窗口引用服务
  1. 在组件的构造函数中注入RouterWindowRef
constructor(private router: Router, private windowRef: WindowRef) { }
  1. 创建一个函数来打开新窗口并导航到指定的URL:
openNewWindow(url: string) {
  const newWindow = this.windowRef.nativeWindow.open(url, '_blank');
  if (newWindow) {
    newWindow.opener = null;
  }
  this.router.navigateByUrl(url);
}
  1. 创建一个自定义的窗口引用服务WindowRef,用于获取全局window对象:
import { Injectable } from '@angular/core';

function _window(): any {
  // 返回全局的window对象
  return window;
}

@Injectable()
export class WindowRef {
  get nativeWindow(): any {
    return _window();
  }
}

使用这个方法,你可以在组件中调用openNewWindow函数,并传入要打开的URL。这将在新窗口中打开指定的URL,并且当前窗口将导航到相同的URL。

请注意,为了避免跨域安全性限制,新窗口的opener属性被设置为null

希望这可以帮助到你!

相关内容

热门资讯

智星德州插件最新版本更新内容详... 智星德州插件最新版本更新内容详解!wepokerplus透视(透视)方法-一直详情真的是有挂1、每一...
透视普及!德扑圈透视挂(透视)... 透视普及!德扑圈透视挂(透视)智星菠萝可以辅助吗,教程诀窍(果真有挂)-哔哩哔哩1、智星菠萝可以辅助...
wpk透视是真的吗!hhpok... wpk透视是真的吗!hhpoker可以开挂吗(透视)方法-本来解迷真的有挂wpk透视是真的吗!hhp...
透视曝光!we poker免费... 透视曝光!we poker免费辅助器(透视)德普之星透视辅助软件下载,教程指引(有挂细节)-哔哩哔哩...
wepoker安装教程!拱趴大... wepoker安装教程!拱趴大菠萝十三水透视(透视)器-好像有挂真的是有挂所有人都在同一条线上,像星...
透视教你!wepoker辅助插... 透视教你!wepoker辅助插件功能(透视)wpk有辅助器吗,教程诀窍(确实有挂)-哔哩哔哩1、we...
红龙poker辅助器免费观看!... 红龙poker辅助器免费观看!wepoker科技辅助器(透视)插件-果然解密真的有挂1)红龙poke...
透视解谜!wepoker有没有... 透视解谜!wepoker有没有插件(透视)poker master辅助,教程绝活(了解有挂)-哔哩哔...
wepoker俱乐部辅助!hh... wepoker俱乐部辅助!hhpoker可以开挂吗(透视)脚本-一直解密是有挂1、实时hhpoker...
透视分享!wpk辅助购买(透视... 透视分享!wpk辅助购买(透视)wepoker免费透视脚本,教程步骤(有挂助手)-哔哩哔哩1、wep...