如何在 Angular 2 中获取当前页面的绝对路径?

2024-06-23

我基本上遇到了this https://stackoverflow.com/q/19742805问题,我需要引用当前的路线来使用渐变,但尚未弄清楚如何将解决方案转换为 Angular 2。


constructor(location:Location) {
  console.log(location.prepareExternalUrl(location.path()));
}

https://angular.io/api/common/Location#prepareexternalurl https://angular.io/api/common/Location#prepareexternalurl

正如文档所说:

标准化外部 URL 路径。如果给定的 URL 不是以以下内容开头 前导斜杠 ('/'),​​在标准化之前添加一个。添加哈希如果 HashLocationStrategy 正在使用,或者 APP_BASE_HREF(如果 PathLocationStrategy 正在使用。

这意味着您必须显式指定 APP_BASE_HREF 才能在 Angular 5+ 中获取绝对路径。

window.location提供更多信息

笨蛋的例子 https://plnkr.co/edit/xvwySO0pwRXUn9CUXcJu?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular 2 中获取当前页面的绝对路径? 的相关文章

随机推荐

  • vimscript 调用与执行

    在 vimscript 中 有什么区别call and execute 在什么场景 用例中我应该使用其中一种而不是另一种 免责声明 我知道 vim 中提供了广泛的在线帮助 我正在寻找这个特定问题的简洁答案 call 调用函数 exec 将字
  • 通过 https 的客户端证书身份验证失败

    我正在尝试使用 https 客户端身份验证工作这个示例代码 https stackoverflow com a 4464435 789671在 Python 2 7 中 不幸的是 客户端脚本似乎没有正确验证 我无法找出原因 我生成了一个测试
  • Django 模型中的派生属性

    我有这两个模型 class Product models Model category models ForeignKey Category name models CharField max length 60 verbose name
  • Android 状态栏在启动屏幕中隐藏/更改颜色

    我按照本教程在我的应用程序中实现了无布局的启动屏幕 https www bignerdranch com blog splash screens the right way https www bignerdranch com blog s
  • Android:按钮位于列表视图末尾或屏幕底部

    我的 Android 应用程序要求一个按钮位于列表的底部 这是故意这样做的 因此用户必须滚动整个列表 并且可能会看到更多答案 因此 我将按钮添加为列表视图页脚 这一切都工作正常 但在某些情况下 列表太短 其中只有 3 4 个项目 因此按钮最
  • 如何在不使用 Flash 的情况下使用 HTML5 进行直播?

    问题 我需要我的客户能够将他们的网络摄像头传输到我的流媒体服务器 例如 Wowza 服务器 我正在用 PHP 构建我的网站 我浏览了各种流媒体网站 如 twitch tv livestream com 发现它们都使用第三方广播软件 如 Wi
  • 内容类型与 MIME 类型

    有人可以向我解释 Content Type 和 MIME 类型之间有什么区别吗 我在网上找不到明确的答案 如果Content Type通常在浏览器内部使用 操作系统使用 MIME 类型吗 In Content Type text plain
  • 如何在javascript中后台发送http请求?

    我有一个按钮 事件将是 onclick 然后 javascript 函数将向服务器发送请求 例如项目上的评级按钮 页面不应重定向 基本上我希望事件在后台发生 怎么做 请给我一些想法或代码 欢迎来到 AJAX 的奇妙世界 ajax 调用的问题
  • 在 Symfony2 dev env 控制器中捕获 swiftmailer 异常

    我不知道为什么我没有在我的控制器中捕获 Swiftmailer 的异常 我做错了什么 或者错过了什么 在控制器中我有 try this gt get mailer gt send email catch Swift TransportExc
  • 如何在 javascript 中使用另一个函数中的变量

    我无法从我的函数访问我的变量UserInfo我所有的变量都未定义 我怎样才能访问我的变量并在我的函数中显示它们seeInfoUser let UserName let UserAge let UserBirthPlace let UserD
  • 如何在本地存储中存储完整的div

    我正在尝试创建一个基本的文本注释器 我想将带注释的文本 一个完整的 div 与所有标签保存在本地存储中 到目前为止 我的方法还很幼稚 我想了解为什么它不起作用 非常感谢您的帮助 下面是我用来将整个 DIV 保存到本地存储的函数 我尝试了两种
  • 执行根命令并读取输出 Xamarin

    我无法从根目录读取该文件 怎么做 我使用命令来读取 Java Lang Process suProcess Java Lang Runtime GetRuntime Exec new string su c cat data misc vp
  • 尝试设置边框时 Eclipse Swing WindowBuilder 返回错误

    我在使用 Eclipse 的 Swing WindowBuilder 时遇到问题 当我单击边框选项按钮编辑 jPanel 的边框时 我收到以下错误 我正在 Mac OS X 10 8 4 上运行 具有以下Eclipse版本和WindowBu
  • 子约束布局的约束布局不水平扩展

    我正在尝试构建一个矩形视图 跨越屏幕的宽度 该视图水平分成三个块 并且我使用约束布局来这样做 左右块具有指定的宽度 但中心块应扩展以适应剩余空间 因为我要求最左边的块具有与父块不同的背景颜色 所以我将其子块分组到另一个约束布局中 我给出了下
  • 如何首先根据键然后根据值对元组元素进行排序[重复]

    这个问题在这里已经有答案了 如何在 python 中对元素元组进行排序 首先根据值排序 然后根据键排序 考虑一下我将用户输入作为字符串获取的程序 我想找出每个字符的计数并打印字符串中最常见的 3 个字符 input string strr
  • JavaScript 确认对话框中的自定义选择

    如何用 JavaScript 编写带有自定义选择的确认对话框 我想要的不仅仅是 确定 和 取消 例如 这个 那个 和 其他 简而言之 你不能 您可能需要考虑使用类似的东西jQuery UI 对话框 http jqueryui com dem
  • Flowlayout 面板和自动调整子控件大小不起作用

    我试图在 winform C NET 上获得一个非常简单的自动调整大小布局 我尝试过 TableLayoutPanels 和 FlowLayoutPanels 但没有任何效果 我有一个用户控件 它是在运行时创建的其他用户控件的容器 我将其称
  • python csv DictReader 类型

    我开始用 python 编码 现在遇到问题 csv DictReader 给我提供了错误的数据类型 csv 文件如下所示 第 1 列 第 2 列 第 3 列 1 2 3 90 2 3 pol csv DictReader open data
  • 了解 Numpy 中的向量化与通过 Numexpr 进行向量化表达式的多线程处理之间的区别

    我对 NumPy 据说正在向量化其算术数组运算的概念感到有点挣扎 它是否克服了 Python 的 GIL 因为 NumPy 的一部分是用 C 实现的 另外 Numexpr 是如何工作的呢 如果我理解正确的话 它通过优化 JIT 运行代码并启
  • 如何在 Angular 2 中获取当前页面的绝对路径?

    我基本上遇到了this https stackoverflow com q 19742805问题 我需要引用当前的路线来使用渐变 但尚未弄清楚如何将解决方案转换为 Angular 2 constructor location Locatio