问题标签 [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 回答
346 浏览

angular - 角度反应式表单数组将第一个索引值作为空对象返回

在我的 Angular 表单中,从一个表单移动到另一个表单时,formControl 无法呈现它的特定值,而是显示上次访问的表单值。

例如。如果我访问过product_id = 1并且有formControl('productValue')10, 11, 12这样的值。现在我要移动到product_id = 2那个时候它应该显示product_id = 2相关值(45、89、63),但它会呈现以前访问过的product_id = 1值,即10、11、12

调用getInventoryData()方法的组件

HTML表单如下:

PS:我访问过product_id = 1”和“moving to product_id = 2”的意思是路由器导航。

0 投票
0 回答
105 浏览

angular - Angular - 点击事件中的 ActivatedRoute

ActivatedRoute用来将汇总表从一个组件调用到另一个组件,我在下面添加了我无法在点击事件中按预期获取汇总表

选项卡路由.module.ts

tabmasters.component.ts

tabmaster.component.html

当我在应用程序组件中使用 click 事件时,我想显示 istab 摘要。但我面临的问题是上面的这两个表在选项卡组件中,我只想在点击事件中显示 istab 摘要

我使用了booleanif I click tab 1 isctrl trueand istab false if I click tab2 istais trueand isctrlisfalse

以上两个摘要tabcomponent用于显示引导导航选项卡,如下面的选项卡

引导选项卡

我的app.component.HTML就像

我的app.component.TS就像

我想在应用组件的点击事件中转到汇总表。正常的路由器链接正在工作,但我想获得 tab2 中的摘要,我使用了另一种方法,emit 不起作用如何使用activatedRoute这个..

0 投票
2 回答
62 浏览

angular - 无法从 Angular 的 mat-sidenav 内的组件中检索路由参数

当我将组件放入mat-sidenav时,我无法获取路由参数

0 投票
1 回答
69 浏览

angular - 我正在尝试使用查询参数基于 2 个过滤器进行路由,但只有 1 个有效

我正在尝试根据类别和大小进行路由,路由 url 更改,但仅基于第二个过滤器路由。)侧过滤器单击第一个过滤器,即。)按类别更改 url 但不路由

基于类别的过滤器 1 不起作用

过滤器 2 基于尺寸的作品和按钮的变化

app.component.ts

0 投票
1 回答
362 浏览

angular - 我如何模拟 id = this.route.snapshot.params.id; 在角度?

我想模拟这段代码:(这是我的组件类中的一个属性)

ActivatedRoute在测试中需要它,我得到的错误是

无法读取未定义的“路线”属性。

我对此的嘲笑是:

0 投票
1 回答
312 浏览

angular - 服务如何订阅当前路由的 ParamMap?

我想创建一个订阅 Angular 的 paramMap 更改的服务。不幸的是,这似乎不起作用。

上面的订阅只发出一个值——当 Angular 首次加载到页面中时。而那个值是null。当它被放置在页面中活动的组件的构造函数中时,相同的订阅会发生。大概是因为路线已加载并且ActivatedRoute已设置。

我会假设 ActivatedRoute 是一个单例服务,因此我可以订阅它的更改。显然情况并非如此,那么该服务如何订阅 的值activatedRoute.ParamMap

0 投票
1 回答
1190 浏览

javascript - Angular Test Jest - TypeError:无法读取未定义的属性“queryParams”

我在其他帖子中看到了同样的错误,但它们对我不起作用。

我有一个 Angular 组件,我需要从 url 中读取一个 queryParam,例如http://localhost:4200/sample-page?page=3我想将数字 3 存储到一个组件局部变量中。

这个函数在另一个文件中,我把activeRoute作为参数,它来自我想要获取queryParam的组件的ngOnInit。

此代码运行良好,但是当 Jenkins 管道运行npx jest测试时,我收到以下消息: TypeError: Cannot read property 'queryParams' of undefined

我的规格:

comp.ngOnInit();测试在功能上失败。

我没有任何类型的私有变量,作为参数的activeRoute,我尝试了公共和私有。

查看 StackOverflow 和 GitHub 问题,我无法解决这个问题。

非常感谢!

0 投票
2 回答
639 浏览

javascript - 在某些动态路线中隐藏Angular中的组件

当我登录到我的管理面板时,我需要从我的主页中隐藏某些组件,例如导航栏和页脚。我的管理组件在调用时基于管理模块延迟加载。如果路由不是动态的,即 like 等,则在管理视图中必要的组件会按预期隐藏/admin/login/admin/dashboard但是如果路由是动态的,/admin/category/:categoryId或者/admin/user/:userId在这些路由中,导航栏和页脚等必要组件不会隐藏自己. 我正在获取ActivatedRoute在必要组件中使用的路由的动态 ID。下面是我在主页上用来读取应用程序路由并相应地显示/隐藏组件的方法。

Main.ts

主.html

0 投票
0 回答
22 浏览

angular - child.snapshot.issue angular 我无法从激活的路由中获取数据

您好,我有 2 个路由模块 app.routing 和 account.routing 我正在尝试从路由中获取标题,但不适用于 account.routing 下的路由

0 投票
1 回答
86 浏览

angular - Angular Activatedroute 参数始终为空

我正在尝试使用 angular 在我的应用程序中构建邮件功能,问题是我想从 url 获取参数来过滤邮件。(例如:收件箱/已发送/垃圾邮件/垃圾邮件...等)

这是我的路线:

我的 MainComponent 的构造函数:

问题是 console.log(data) 总是给我一个空对象。

我已经用另一个组件尝试过它,它工作得很好。

我不知道我在这里做错了什么。

这是我的文件夹/组件结构:

这是我要访问的网址:http://localhost:4200/dashboard/main/1234