Angular点击时导航到外部页面_程序开发

创始人

2024-10-24 12:01:13

0次

在Angular中，要在点击时导航到外部页面，可以使用Angular的Router模块和window对象的open方法。

首先，需要在Angular应用中导入Router模块：

import { Router } from '@angular/router';

然后，在组件的构造函数中注入Router对象：

constructor(private router: Router) { }

接下来，可以在组件的方法中使用Router对象的navigateByUrl方法来导航到外部页面。在该方法中，需要传入外部页面的URL作为参数：

redirectToExternalPage(url: string) {
  window.open(url, '_blank');
}

在HTML模板中，可以通过点击事件将外部页面的URL传递给redirectToExternalPage方法：

这样，当用户点击按钮时，就会在新窗口或标签页中打开外部页面。

WePoKe透视挂！wepok... WePoKe透视挂！wepoke打伙牌，WePoke一般真的有挂，科技教程（有挂揭秘）1、完成WeP...

微扑克wpk透视辅助！微扑克真... 微扑克wpk透视辅助！微扑克真的有挂存在，微扑克辅助软件下载，揭秘攻略（有挂插件）是一款可以让一直输...

带你了解!衡阳丫丫字牌外挂(... 带你了解!衡阳丫丫字牌外挂(透视)切实真的是有挂(2020已更新)(哔哩哔哩)；1、全新机制【衡阳...

WePoKe透视挂！wepok... WePoKe透视挂！wepoke智能ai，wepoke打伙牌，必胜教程（有挂工具）；亲，其实确实真的...

微扑克辅助软件!微扑克有挂(透... 1、微扑克辅助软件!微扑克有挂(透明挂)真是是有挂；详细教程。2、微扑克透视辅助简单，微扑克软件透明...

总算了解!指尖互娱(透视辅助)... 总算了解!指尖互娱(透视辅助)一直有挂(2023已更新)(哔哩哔哩)1、上手简单，内置详细流程视频教...

微扑克ai辅助！微扑克真的有外... 微扑克ai辅助！微扑克真的有外挂嘛，微扑克规律（都是存在有挂），您好，微扑克这款游戏可以开挂的，确...

一分钟了解!福建麻将有挂吗(辅... 一分钟了解!福建麻将有挂吗(辅助)竟然有挂(2022已更新)(哔哩哔哩)1.福建麻将有挂吗 ai辅助...

wepoke辅助德之星！wep... WePoker透视辅助工具核心要点解析‌，wepoke辅助德之星！wepoke中牌率，wepoke ...

微扑克辅助软件!微扑克靠谱(透... 微扑克辅助软件!微扑克靠谱(透视)其实是真的有挂是一款可以让一直输的玩家，快速成为一个“必胜”的ai...