问题标签 [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.
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”的意思是路由器导航。
angular - Angular - 点击事件中的 ActivatedRoute
我ActivatedRoute
用来将汇总表从一个组件调用到另一个组件,我在下面添加了我无法在点击事件中按预期获取汇总表
选项卡路由.module.ts
tabmasters.component.ts
tabmaster.component.html
当我在应用程序组件中使用 click 事件时,我想显示 istab 摘要。但我面临的问题是上面的这两个表在选项卡组件中,我只想在点击事件中显示 istab 摘要
我使用了boolean
if I click tab 1
isctrl
true
and istab
false
if I click tab2
ista
is true
and isctrl
isfalse
以上两个摘要tabcomponent
用于显示引导导航选项卡,如下面的选项卡
我的app.component.HTML就像
我的app.component.TS就像
我想在应用组件的点击事件中转到汇总表。正常的路由器链接正在工作,但我想获得 tab2 中的摘要,我使用了另一种方法,emit 不起作用如何使用activatedRoute
这个..
angular - 无法从 Angular 的 mat-sidenav 内的组件中检索路由参数
当我将组件放入mat-sidenav时,我无法获取路由参数
angular - 我正在尝试使用查询参数基于 2 个过滤器进行路由,但只有 1 个有效
我正在尝试根据类别和大小进行路由,路由 url 更改,但仅基于第二个过滤器路由。)侧过滤器单击第一个过滤器,即。)按类别更改 url 但不路由
app.component.ts
angular - 我如何模拟 id = this.route.snapshot.params.id; 在角度?
我想模拟这段代码:(这是我的组件类中的一个属性)
我ActivatedRoute
在测试中需要它,我得到的错误是
无法读取未定义的“路线”属性。
我对此的嘲笑是:
angular - 服务如何订阅当前路由的 ParamMap?
我想创建一个订阅 Angular 的 paramMap 更改的服务。不幸的是,这似乎不起作用。
上面的订阅只发出一个值——当 Angular 首次加载到页面中时。而那个值是null
。当它被放置在页面中活动的组件的构造函数中时,相同的订阅会发生。大概是因为路线已加载并且ActivatedRoute
已设置。
我会假设 ActivatedRoute 是一个单例服务,因此我可以订阅它的更改。显然情况并非如此,那么该服务如何订阅 的值activatedRoute.ParamMap
?
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 问题,我无法解决这个问题。
非常感谢!
javascript - 在某些动态路线中隐藏Angular中的组件
当我登录到我的管理面板时,我需要从我的主页中隐藏某些组件,例如导航栏和页脚。我的管理组件在调用时基于管理模块延迟加载。如果路由不是动态的,即 like 等,则在管理视图中必要的组件会按预期隐藏/admin/login
。/admin/dashboard
但是如果路由是动态的,/admin/category/:categoryId
或者/admin/user/:userId
在这些路由中,导航栏和页脚等必要组件不会隐藏自己. 我正在获取ActivatedRoute
在必要组件中使用的路由的动态 ID。下面是我在主页上用来读取应用程序路由并相应地显示/隐藏组件的方法。
Main.ts
主.html
angular - child.snapshot.issue angular 我无法从激活的路由中获取数据
您好,我有 2 个路由模块 app.routing 和 account.routing 我正在尝试从路由中获取标题,但不适用于 account.routing 下的路由
angular - Angular Activatedroute 参数始终为空
我正在尝试使用 angular 在我的应用程序中构建邮件功能,问题是我想从 url 获取参数来过滤邮件。(例如:收件箱/已发送/垃圾邮件/垃圾邮件...等)
这是我的路线:
我的 MainComponent 的构造函数:
问题是 console.log(data) 总是给我一个空对象。
我已经用另一个组件尝试过它,它工作得很好。
我不知道我在这里做错了什么。
这是我的文件夹/组件结构:
这是我要访问的网址:http://localhost:4200/dashboard/main/1234