如何将之前的路线作为 Angular 中的路径?

2023-11-26

如何将之前的路线作为 Angular 中的路径?

我尝试使用解决方案这个链接,但它不会在首页加载时执行。

constructor(router: Router) {
  router.events
  .pipe(filter(event => event instanceof NavigationEnd))
  .subscribe((event: NavigationEnd) => {
    console.log('prev:', event.previousUrl);
    this.previousUrl = event.url;
  });
}

我都用过RoutesRecognized and NavigationEnd,但是他们没有工作。

我在中调用了这个方法constructor and ngOnInit,但它们都不会在首页加载时执行。

有没有办法获取之前的URL?

谢谢。


在构造函数中你可以使用

this.router.getCurrentNavigation().previousNavigation.finalUrl.toString()

获取之前的路由路径

如果使用请小心this.router.getCurrentNavigation()在构造函数之外,生命周期就太晚了,并且您将始终拥有空值

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

如何将之前的路线作为 Angular 中的路径? 的相关文章

  • .push() 将多个对象放入 JavaScript 数组中返回“未定义”

    当我将项目添加到beats数组然后console log用户时 我得到了数组中正确的项目数 但是当我检查 length 时 我总是得到 1 尝试调用索引总是会给我 未定义 如下所示 Tom beats 1 我想我错过了一些明显的东西 但这让
  • 在版本 4.4.6 中禁用 ckeditor 上下文菜单

    我在 Rails4 项目中使用 ckeditor 我尝试了 ckeditor gem 和 ckeditor rails gem 来提供 ckeditor 库 这里有多个帖子 人们希望删除 ckeditor 上下文菜单 以便可以显示本机浏览器
  • Number.IsNaN() 比 isNaN() 更糟糕吗

    Soooooo isNaNJavaScript 显然被破坏了 比如 isNaN isNaN isNaN true isNaN false isNaN 0 返回 false 当它们看起来都是 不是数字 在 ECMAScript 6 中 草案包
  • 从回调中访问状态

    我在从回调访问组件状态时遇到问题 国家的价值num更改正确 但此类更改对于加载时定义的回调函数不可见 import React useState from react class MyObject callback gt void cons
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • 如何在网站上使用 svg 元素制作块的屏幕截图?

    我在网站上创建了一个构造函数 其本质是将所选元素及其颜色 svg中的元素 添加到访问者选择的背景和背景颜色 png中的背景 中 然后必须单击 保存 结果 按钮并仅执行工作区的屏幕截图 我写了这个脚本 但它需要屏幕截图 但只有背景 并忽略选定
  • 本地推送通知到在应用程序内运行 JS 代码的 Win8 Live Tile

    我正在尝试将更新发送到我的应用程序的磁贴 当应用程序运行时 这可以正常工作 例如 当用户单击按钮时 我可以轻松地将磁贴更新通知发送到磁贴 我无法解决的是当应用程序无法运行时如何更新磁贴 我找到的唯一选择是使用以下命令从远程 Web 服务器拉
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 改变 JavaScript 中的顶部填充

    以下是我在 css 中设置顶部填充的方法 body font size font size px margin 0 padding 100px 0 20px 0 width 100 important 如何使用最简单的 javascript
  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • $resource.query 返回分割字符串(字符数组)而不是字符串

    我正在使用像下面这样的 Angular resource angular module app factory data function resource var Con resource api data update method P
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 使用 Enzyme 测试 `React.createRef` api

    我想测试下面的类 它使用React createRef api 不过 快速搜索并没有发现任何这样做的例子 有人成功过吗 我该如何嘲笑裁判 理想情况下我想使用shallow class Main extends React Component
  • react-native - 图像需要来自 JSON 的本地路径

    你好社区 我正在react native中开发一个测试应用程序 并尝试从本地存储位置获取图像 我实际在做什么 我将图像直接链接源提供给 var 并在渲染函数中调用此方法 react 0 14 8 react native 0 23 1 np
  • 将数组从 jquery ajax 传递到代码后面

    我必须将二维数组传递给在asp net网页代码后面编写的页面方法我有一个变量objList作为二维数组 我使用以下代码来实现此目的 但没有成功 并且未调用页面方法 脚本语言 function BindTable objList ajax u
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐

  • Phalcon 中的交叉控制器变量

    为了保持代码干燥 我希望能够定义 跨控制器 变量 典型的例子是我想访问我的引导程序中加载的一些配置项 实现这一目标的最佳实践方法是什么 Tim 您可以随时使用 Di 容器 一旦你在 Di 中注册了一个组件 它就可以通过魔术方法在控制器中使用
  • 如何使用ffmpeg淡入淡出两个图像

    我有两个图像 我想在它们之间创建一个简单的淡入淡出过渡 我还希望最终输出是图像序列而不是视频 因此 如果淡入淡出过渡的长度为 10 帧 我希望输出为 10 个图像的序列 我怎样才能用 ffmpeg 实现这个目标 See the blend视
  • macOS php71 通过brew 变得[电子邮件受保护]

    一天前 我用brew命令安装了正常的php71brew install php71 我试图安装 gmp 扩展 例如brew install php71 gmp但它不起作用 所以我使用了谷歌搜索中的某种代码 并使我的 php71 成为 电子邮
  • 在运行时修改类属性

    我不确定我是否见过 在运行时更改属性的参数 我的情况非常相似 但我试图在运行时更改类的属性 Category Change me public class Classic public string Name get set 其中一个答案是
  • 如何在不抗锯齿的情况下拉伸图像

    所以我最近遇到了这个 http www nicalis com 我很好奇 有没有办法用较小的图像来做这种事情 我的意思是 它是像素艺术 而不是使用每个像素大小四倍的图像 我们不能用代码拉伸它们吗 所以我开始努力实现它 我尝试了 CSS Ja
  • Angular 6 HttpClient 返回类的实例

    在引入 Angular 的新 HttpClient 之前 我们可以使用以下方法验证从 http api 调用返回的对象instanceof关键词 他们不再可以使用 HttpClient 模块 我正在尝试一些简单的方法 但类型检查每次都返回
  • 动态 CMS,如 ruby​​ on Rails 中的路线

    我想创建一个类似 CMS 的网站 用户从一些通用页面开始 即 homepage about contact etc 并从那里可以动态添加子页面 例如 homepage articles article1 something 其他的东西 ar
  • SDK 中的 Android 电池

    有没有办法从Android SDK获取电池信息 比如电池剩余寿命等等 我无法通过文档找到它 这是一个简单的示例 可以让您了解电池的使用量 电池电压及其温度 将以下代码粘贴到活动中 Override public void onCreate
  • 在 Sympy 中创建形式线性函数

    我在 Sympy 中有一个表达式 比如 M n x n 我会 f 说 就像创建一个正式的线性函数 并将其应用到我的表达式中 以便在简化后得到 f M f n f x n 是否可以告诉 sympy 诸如线性之类的属性已得到验证 一种非常巧妙的
  • Joomla 3.X - 从标题中删除工具提示脚本?

    我正在尝试从自定义 joomla 模板标头中删除不需要的脚本 我已成功删除除此之外的所有内容 我已经搜索了几个小时 并尝试了很多方法来将其删除 但我似乎无法摆脱它 以下是我删除不需要的其他脚本的方法 对于遇到此问题的其他人 unset fr
  • 用 C/C++ 编写的语法突出显示库 [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我正在寻找一个免费的 用于商业用途 库 用于用 c c 编写的语法着色 那里有吗 我不确定您是否正在寻找为现有控件或内置文本着色的控件着色的东西 如果您正在寻找后者 您可以查看 Sc
  • Winforms - 如何更改 ListView 控件中行的颜色?

    使用 C Winforms 3 5 是否可以将行颜色设置为在列表视图中自动交替 或者每次将新行添加到列表视图时是否需要手动设置行颜色 基于一个MSDN文章手动方法如下所示 alternate row color if i 2 0 lvi B
  • 如何在“宽高比”模式下将 UIImageView 裁剪为新的 UIImage?

    我想通过裁剪 UIImageView 内的图像来创建一个新的 UIImage 例如 在上图中 我想要一个绿色轮廓区域的新 UIImage 我找到了执行此操作的代码 通常它看起来像这样 作为 UIImage 类别 UIImage croppe
  • 智能 gwt 教程和指导 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我是 smart gwt 的新手 我需要一些帮助 请帮助提供一些好的 smart gwt 教程以及一些我可以购买来学习这一点的好书 我做了一些搜索
  • 当网络完全收敛时停止 Keras 训练

    如何配置 Keras 停止训练直到收敛或损失为 0 时 我故意想要过度拟合它 我不想设置纪元数 我只是想让它在收敛时停止 Use an 提前停车打回来 您可以自由选择要观察的损失 指标以及何时停止 通常 您会查看 验证损失 val loss
  • 清空关系数据库架构

    我有一个已备份的数据库 现在我试图删除原始数据库中的所有内容并将其恢复到空状态 因为它是一个关系数据库 所以它有关键的约束 我可以使用任何工具吗 最简单的方法可能是禁用外键检查 然后截断表 由于外键已禁用 因此截断表的顺序并不重要 set
  • App Engine:传输密码并将其安全存储在 Google App Engine 中的最佳做法是什么?

    我想知道从网络表单传输密码并将其存储在数据存储中的最先进技术是什么 最近的很多帖子都指出bcrypt但是 没有纯 Python 实现 而这是 App Engine 的要求 有什么建议么 最佳实践 将 Users API 与 Google 帐
  • 恢复 .orig 文件的简单方法?

    我刚走一不小心就跑了hg revert Mercurial 是否附带一个工具来移动所有 orig文件放回原处 不 如果你在 bash 中 你可以随时执行以下操作 for thefile in orig do cp v thefile the
  • 在 WordPress 中集成 Bootstrap 轮播,无需插件

    我已将 bootstrap carousel 集成到我的 WordPress 中 幻灯片将从标记为 精选 的帖子中获取 因此只会显示 5 个最近输入的 精选 帖子 下面是我的代码 div class carousel slide bs do
  • 如何将之前的路线作为 Angular 中的路径?

    如何将之前的路线作为 Angular 中的路径 我尝试使用解决方案这个链接 但它不会在首页加载时执行 constructor router Router router events pipe filter event gt event in