问题标签 [angular-activatedroute]

我有一个组件路由到另一个组件传递一些条件参数

这是定义路由的代码：

在我定义的 Chapters.component.ts 文件中：

但是 this.topic 没有收到任何价值。我想在我的 chapters.component 的 HTML 文件中使用它。注意：警报消息确认“主题名称”在第一个片段中发送良好但在第二个片段中，路由没有收到任何参数这是相同的图像：

第一次/发送警报：

第二次/收到警报：

我有一个页面，其中有三个按钮，管理员，学生和注销。退出按钮必须仅在路径更改为/adminor后出现/student，并使管理员和学生按钮消失。如何在这个问题中使用 routerActiveLink？

主页.html：

home.component.ts：

我是角度的新手。我是否正确使用了它？

如果我在下面有这个模拟激活路由，我可以在类型为“不匹配”时编写一些测试，但如果我想编写一些类型为“管理员不匹配”的测试。如何更改查询参数的值？

我目前有一个任务表，我希望能够单击其中一个任务将我带到一个新页面，该页面向我显示该任务运行的所有时间的历史记录。我需要一种方法将刚刚单击的任务的名称和 ID 传递到我要显示的新组件中。我试图按照 Angular 上的路由教程进行操作，但我不断收到空白数据，就像实际上没有加载任何内容一样。这是表格，我有评论包围的新路线的链接

这是我的任务历史组件中的 ngOnInit

console.log 显示“未定义未定义”

让我知道我错过了什么，谢谢！

我有一个路由模块，它为许多其他模块设置了路由，我已经设法毫无问题地使用它们activatedRoute。但是我现在创建了一个单一组件，当我尝试使用它时它返回一个空对象activatedRoute。

路由模块看起来像这样：

我activatedRoute在模块和新组件中使用相同的方法：

在这里的任何帮助将不胜感激。

我的 Angular 组件 1 中有代码，它使用 router.navigate 传递真值或假值，而 coponent2 获取值并在值为真时显示面板，如果值为假则隐藏。如何单元测试获取值并在值为 true 时显示 DIV 并在值为 false 时隐藏 URL：

组件 1 TS

COMPONET2 TS

COMPONET2 HTML

规格文件

在访问ActivatedRouteSnapshot 实例中的data属性时，我遇到了 Angular 路由的问题。

如果我通过单击链接按钮，路线数据可用，但如果直接在浏览器中键入 url 或刷新页面，则路线数据不可用。

RouterModule 路由：

身份验证：

根据教程制作代码，但我不起作用，因为即使我更改了 url，activatedRoute 参数总是空的。也许它在 Angular 12 中发生了变化，因为教程是版本 11。我来自 react，我是 Angular 的初学者并且通过选择，我会用状态而不是参数来做这个。我也遇到了另一个问题：当我
切换 url 时，'details/:id' 没有显示 DetailsComponent，例如 localhost:4200/details/15 感谢您的帮助

这是我的路由模块：

这是我的魔法发生的组件。但是当我更改 url 时 params['sparam'] 不会改变

我有一个模块，其路由定义如下。

我面临的问题是将数据传递到 addNewRole 路径。当我尝试从组件内部访问相同的对象时，它给了我空对象。我做了很多搜索认为这可能是由于这个模块的延迟加载，如下所示

所以为了确认我删除了上面的延迟加载，我可以看到数据通过了。我现在的问题是，我不能在延迟加载的模块内的子路由中定义数据吗？这不是正确的做法吗？有什么建议么？

在应用程序路由中，我有一个父组件和 3 个子组件：

在 MediaComponent 我得到一个这样的路由参数：this.activatedRoute.parent.snapshot.params.memberId;

在任何其他组件中，我尝试了同样的事情，但它是未定义的。我怎样才能将这些参数提供给孩子们？