首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何获取Angular 5中当前请求的url (window.location)?

在Angular 5中,可以通过使用Angular的内置服务Location来获取当前请求的URL。Location服务提供了一些方法来获取和操作浏览器的URL。

要获取当前请求的URL,可以按照以下步骤进行操作:

  1. 首先,在你的组件中导入Location服务:
代码语言:typescript
复制
import { Location } from '@angular/common';
  1. 在组件的构造函数中注入Location服务:
代码语言:typescript
复制
constructor(private location: Location) { }
  1. 然后,使用Location服务的path()方法来获取当前请求的URL:
代码语言:typescript
复制
const currentUrl = this.location.path();

path()方法返回的是当前URL的路径部分,不包括主机名和查询参数。

完整的代码示例:

代码语言:typescript
复制
import { Component } from '@angular/core';
import { Location } from '@angular/common';

@Component({
  selector: 'app-your-component',
  template: `
    <p>Current URL: {{ currentUrl }}</p>
  `
})
export class YourComponent {
  currentUrl: string;

  constructor(private location: Location) {
    this.currentUrl = this.location.path();
  }
}

关于Angular的Location服务的更多信息,你可以参考腾讯云的文档:Location 服务

请注意,以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商,以符合问题要求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 如何防止请求URL被篡改

    Web项目聚集地 图文教程,技术交流 如图,是我们模拟一个从浏览器发送给服务器端转账请求。久一ID是 web_resource,正在操作100元转账。 ?...当服务器端接收到请求时候,获取到price、id,通过同样secret加密和sign比较如果相同就通过校验,不同则被篡改过。 ? 那么问题来了,如果参数特别多怎么办?...那么问题又来了,如果小明通过抓包工具获取到了URL,他是不是可以无限制访问这个地址呢?那就出现了“久一”钱被一百一百转空了。 那可怎么办?...这里涉及到了另一个话题,接口幂等,我们后面会详细讲解怎么通过幂等控制重复扣款。这里我们要讲解是怎么控制 URL 失效。 这里又有一个通用做法,就是再添加一个参数 timestamp。...对,就是当前时间戳。服务器获取到 timestamp 以后检验一下是否在5分钟以内,如果不是直接返回请求失效就可以了?那么如果timestamp 被篡改了呢?

    2.9K20

    织梦DedeCms获取当前页面URL地址调用方法

    织梦内容页如何调用当前页面url?相信很多对织梦感兴趣朋友都会去考虑这个问题:在文章内容中加入本文链接,除了 保护自己版权外还可以增加网站外链收录。...网上这方面的帖子一搜一大堆,但多数都只能调用相对地址,你还必须在它前面加上一个网站域名,这样做方法虽然 也行,但这个模板用来建其他站时就会闹笑话,所以也是不可行。...正确织梦DedeCms获取当前页面URL地址调用方法:在调用相对地址标签前面加上一个网站根地址标签{dede:global.cfg_basehost/}。...name=’arcurl’/} 第2种方法 在内容页中加入如下代码: {dede:global.cfg_basehost/}{dede:field.id runphp=’yes’}id=@me;@me=”;url...=GetOneArchive(id);@me=url[‘arcurl’];{/dede:field.id} 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/114396

    9.6K31

    【JavaScript】获取当前URL与window.location.href

    利用Javascript获取当前URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般Javascript函数。...其实不是,Javascript获取当前URL函数就是我们经常用来重定向window.location.href。.../myphp/mobile/pc1.php,那么其运行结果如下: 上面的函数同时展示如何获取当前页名称做法。...获取利用window.location.href变量获取整个url之后,要哪一部分地址,利用substring,indexof等字符串处理函数对获取url进行处理,截取你想要部分。...平时利用window.location.href做重定向,就是改变整个浏览器url, 如果后面没有赋值,这就成了获取当前语句。

    1.5K30

    Go - 基于 GORM 获取当前请求所执行 SQL 信息

    前言 为了便于精准排查问题,需要将当前请求信息与当前执行 SQL 信息设置对应关系记录下来,记录 SQL 信息包括: 执行 SQL 的当前时间; 执行 SQL 文件地址和行号; 执行 SQL 花费时长...; 执行 SQL 影响行数; 执行 SQL 语句; 数据库组件使用是 GORM。...思路 1、在执行 SQL 前,设置开始执行时间(计算执行时长会用到); 2、在执行 SQL 后,第一,获取当前请求上下文,为什么获取上下文,因为需要从上下文中获取本次请求信息,第二,获取 SQL 执行前时间...,用来计算执行时长,第三,获取执行 SQL 信息,然后将数据设置到 Trace 中,Trace 是项目中链路包,后面文章会对其介绍; 上面需要用到 GORM 两个 知识点 Callbacks 和 Context...三方请求信息 支持设置 debugs 打印调试信息 支持设置 sqls 执行 SQL 信息 可记录 cost_seconds 执行时长 以上代码在 go-gin-api 项目中,地址: github.com

    2.5K20

    Android获取WebView加载url请求错误码 【推荐】

    例如需求,我有一个WebView 加载一个url, 该url对应网页本身自带下拉刷新 ,但是网页本身会有出现400 500 等异常请求错误码 这时候网页加载失败,页面本身下拉是无法使用,要求重新加载页面的话就需要在...如果页面加载失败的话,用android下拉控件下拉 ——————————————————————————————————————————————– 解决办法就是监听加载url请求错误码,对SwipeRefreshLayout.setEnabled...() 来控制是否允许下拉刷新 监听对应6.0+ 6.0以下 分别为两种实现方式: 一、Android 6.0+ 判断请求码 mWebView.setWebViewClient(new WebViewClient..."onReceivedHttpError:"+ errorResponse.getStatusCode()); } } }); 二、Android 6.0以下 判断请求码...获取WebView加载url请求错误码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家

    1.2K20

    url加时间戳避免再次请求当前路径出现缓存问题

    大家好,又见面了,我是你们朋友全栈君。 1.先解释一下,为什么要加时间戳: URL后面添加随机数通常用于防止客户端(浏览器)缓存页面。...浏览器缓存是基于url进行缓存,如果页面允许缓存,则在一定时间内(缓存时效时间前)再次访问相同URL,浏览器就不会再次发送请求到服务器端,而是直接从缓存中获取指定资源。...Date().getTime(); url=url+“?...timestamp=”+getTimestamp return url; } 3.加时间戳位置: 时间戳是加在对controller发起请求URL中。...如 1解释,在URL中加时间戳就会保证每一次发起请求都是一个 不同于之前请求,这样就能避免浏览器对URL缓存。

    3.8K10

    如何用js获取当前月份天数

    获取每月天数时候,一般都是存储到一个数组中进行获取,但是如果是二月份的话就需要首先判断是否闰年,再确定是28还是29了。...js可以通过Date对象很方便获取到每月天数,在初始化Date对象时,我们可以通过这种方式: var d = new Date(2017,2,0); console.log(d.getDate())..., month, 0); return d.getDate(); } 在使用时传入想要获取年份和月份即可,如下: var totalDay = mGetDate(2004,2);...如果要获取当前月份天数: function mGetDate(){ var date = new Date(); var year = date.getFullYear();...JavaScript中day范围为1~31中值,我们获取第N-1个月第0天,就是N-1个月最后一天,这样就获得了第N个月有多少天。

    12.3K50

    Java:如何轻松获取当前执行方法名

    在编程世界里,经常会遇到各种各样问题。有时候,需要了解当前执行方法名,以便更好地调试代码或者记录日志。那么,如何在Java中轻松获取当前执行方法名呢?本文将为您揭示这个神秘技巧!...一、Java方法执行上下文在Java中,每个方法都有一个与之关联执行上下文。执行上下文包含了方法调用者、被调用者、返回值等信息。要获取当前执行方法名,首先需要获取当前执行上下文。...:" + currentMethodName); }}二、使用反射获取当前执行方法名除了直接从堆栈跟踪信息中获取,还可以使用Java反射机制来获取当前执行方法名。...这种方法更加灵活,可以在运行时动态地获取方法名。2.1 获取目标类Class对象要使用反射获取当前执行方法名,首先需要获取到目标类Class对象。...:" + currentMethodName); }}三、总结本文介绍了如何在Java中轻松获取当前执行方法名。

    12110

    Angular2 拦截器(页面请求修改Url+headers传值+获取服务器返回错误信息)

    无法找到请求位置。", "status.405": "方法不被允许。使用该位置不支持请求方法进行了请求。", "status.406": "不可接受。..., "status.408": "请求超时。等待请求服务器超时。", "status.409": "冲突。由于请求冲突,无法完成该请求。"...请求中给定前提条件由服务器评估为 false。", "status.413": "请求实体太大。服务器不会接受请求,因为请求实体太大。"..., "status.414": "请求 URI 太长。服务器不会接受该请求,因为 URL 太长。", "status.415": "不支持媒体类型。...服务器不识别该请求方法,或者服务器没有能力完成请求。", "status.503": "服务不可用。服务器当前不可用(过载或故障)。"

    2.9K20
    领券