问题标签 [angular-activatedroute]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
47 浏览

typescript - 如何从 URL 参数中读取特殊字符作为字符而不是 ASCII 码

我在 url 中有这些 asp.net 重置密码生成代码:

我需要重新编写它,因为我已经编写了以下代码:

我的问题是它正在将一些字符读取为 ASCII 所以在我的控制台中登录后这就是我得到的

xC4f1pHtzHdc2NtBTHpWeNzfY/IoPDbPvg1AeKA7COHifBOIGcxTeboaI6BtkQsuabs6CS7TGcdUxGy1pDUMmcLMnxVfaC1Jnxjz7O7PZetsU XDVZWkdMD0EenBchsZR/TUlufM36ULD/dH3WVXR9tZA1lUhPPQG2M4kb4Nrg3YZUmDZVDrKbXeBaktKXIwEItmYLwGmg/Um8Rn4/ULrg==

我的问题是我想按原样阅读特殊字符

0 投票
2 回答
20168 浏览

angular - 如何在 Angular 中使用快照或 ActivatedRoute 订阅者从 URL 获取 id?

我正在使用快照方法获得价值,但在这种情况下,它在“类”之后获得价值 20,但我需要 33 条路径,比如获取

更新:我找到了我的问题的解决方案。

现在它正在正确获取 id 。错误是访问正确子组件中的元素,在快照版本中的子 MatDialog 组件中不起作用。

如果您的 url 有 2 个 Id 值,您可以使用 route.parent 的快照

0 投票
2 回答
422 浏览

angular - 注入 ActivatedRoute 会产生循环依赖错误

我正在尝试在 app-root 范围的服务中使用 ActivatedRoute,但出现我不理解且不知道如何进行故障排除的循环依赖错误。

在我的应用程序中,我有一项服务可以从顶级路由参数获取社区。
此服务在我的应用程序中的多个组件和其他服务中使用。
当我在构造函数中注入 ActivatedRoute 时,我得到

当我注入 Injector iteslf 然后在构造函数中获取 ActivatedRoute 时,我得到一个递归错误。当我稍后在某个方法中获得 ActivatedRoute 时,它​​确实按预期工作。

已经有类似的问题,但它们是关于 HttpInterceptors 的。这是一项常规服务。

在为@Alex创建 Stackblitz 时,我意识到我们在 APP_INITIALIZER 时间提供了社区服务。这是缺失的部分。

0 投票
1 回答
376 浏览

angular - 在我的网址中解析查询参数后隐藏查询参数

我的前端在http://host:4200中,当另一个前端想要打开它时,例如使用 window.open( http://host:4200?username=a&department=b ) 所以这个http://host:4200 ?username=a&department=b将在地址栏中,如何从该 url 中删除查询参数?

如果我使用这两行代码来隐藏查询参数它可以工作但有延迟,因为我在读取 url 后删除了第二个查询参数是可见的:

这是我的 cpp.component.ts 代码,我需要读取其中的查询参数,它的角度为 5,

0 投票
0 回答
1112 浏览

angular - 从activatedRoute(或类似的?)

我厌倦了环顾四周,但找不到任何解决方案。

从 Angular(使用 v7),如何从激活的路由中检索请求标头?

我的用例是身份验证提供程序调用我的 Angular 页面并提供通过 激活的用户的 uuid referrer request header,我需要检索它。

我使用了activatedRoutefor查询参数,但它似乎没有提供查询标头的方法。我也在考虑使用Routes,但似乎也无法访问那里的标题。

谢谢!

0 投票
4 回答
4928 浏览

angular - 为什么 ActivatedRoute.queryParams 在 Angular 中不起作用?

我在我的 Angular 应用程序中使用路由。

我的路由模块中有以下路由。

我正在使用queryParamsofActivatedRoute从路线中获取名称。这是我的代码。

但是params是未定义的。请帮我。

0 投票
1 回答
3504 浏览

angular - ActivatedRoute Angular 7 的 Jasmine 测试

我正在尝试为ActivatedRoute. 这是我的测试的样子。

我的TestBed config

测试一直失败,让我Expected spy subscribe to have been called.不确定我在这里到底做错了什么。

组件内部ngOnInit的代码。

0 投票
1 回答
790 浏览

angular - 如何从查询参数中选中复选框?

我想将我的复选框绑定到查询参数。例如:我有:

页面加载后,必须检查具有适当 id(1 和 2)的颜色复选框。我想,最好的方法是通过 [checked],但不知道它是如何正确实现的。

.html

.ts

我的镜头颜色:

0 投票
2 回答
864 浏览

angular - Angular 8 发送一个带有 navigate() 的数组是返回一个对象而不是数组本身

我想在.navigate()angular 8 路由模块中发送一组数据。

在 home 组件中,结果为:

正在返回所有可用的报价及其所有相关数据。

之后,我this.offers在导航中发送:

在优惠组件中,我尝试使用以下方法获取优惠数组:

但结果只是[Object Object]

我尝试使用this.activatedRouter.snapshot.params['offers'],但它返回了同样的东西。

我尝试了以下方法:

但它返回了一个 [Object Object]:

在此处输入图像描述

0 投票
3 回答
685 浏览

angular - 将管道与skipWhile结合使用时如何获取路由器参数?

我有一个动态的 BreadCrumb 导航,我需要从 URL 获取参数。为此,我正在执行以下代码:

但它总是空的,我从来没有将参数传递给 Observable。当我使用queryParams时,它工作正常,但我不想去追求queryParams概念。知道我哪里出错了吗?