问题标签 [angular-routerlink]

我正在使用 Angular 7 构建一个网站，并且我有一个动态生成的导航菜单栏。所有菜单项都可以正常工作（使用 href ），路由工作正常。但是在一个组件中，我有其他链接应该将我路由到不同的组件，但那些和那些只是不起作用。我尝试使用 href 和 routerLink 但它们都不起作用。但是，当我检查页面并手动单击 href 中的链接时，它可以工作。

这里的链接是“product/{{categ.id}}。我会告诉你我的路线。

因为路由映射匹配我应该被发送到 EclairComponent，但是当我点击链接时没有任何反应。不过，如果我在搜索栏中手动编写链接，它仍然可以工作。

预先感谢您的帮助。

我有一个材料 sidenav，我正在尝试使用 routerlink 进行链接。但是，链接没有导航。它们根本不可点击。当我手动走相应的路线时，他们会做出相应的反应，因为他们的 routerLinkActive css 正在被激活。

我正在尝试将路线放到包含 SVG 图像的 div 上。

我已经尝试了普通 a 标签上的链接，只是为了看看它是否与 SVG 实现有关。我很确定所有子路线也都正确实施。

我的 HMTL

我的组件路由

我的根路由

我在平台模块中包含了所有子组件。

当我单击其中一个图标时，我希望它导航到相应的路线，但是，我目前无法单击它们。

我从我的 api 中获得了一个 html，它在我的 angular 模板中呈现。它包含链接到我的应用程序上其他路由的 url。例子：

如果我点击它，默认情况下它会在路由时重新加载应用程序。

我想要的只是重定向路由[routerLink]，即不刷新页面。我试图添加点击方法，调用this.route.navigate，但我必须手动解析查询字符串（或使用库）才能使其工作。

我希望角度是否有更好的方法来做到这一点。如果没有，任何其他解决方案也值得赞赏。

我有 2 个功能模块，一个称为 navbarModule，我在其中构建了所有导航栏（侧边栏，页脚栏，顶部栏），另一个称为 userModule 具有所有用户功能，当我这样做时，任何导航栏菜单 [routerLink]="['/user' ]"，它不起作用，我的 navbarModule 没有路由，我只是将所有模块添加到 tha app-routing.module，那么如何将我的 navbarmenu 与特定模块通信？

我在向子路由上的 URL 发送参数时遇到问题。以下是详细信息：

我有一个带有 Id 的用户列表，当我单击一个用户时，我需要将该 Id 作为参数发送到 Url，这是用户列表：

这是我的approuting：

我的问题是，当我单击用户时，它会转到正确的路径，例如：

但是当我单击另一个用户时，它会转到：

11在这种情况下，我需要用旧 ID 替换新 ID9

我在这里做错了什么？

我在 Angular (v7) 项目中有列表和详细信息组件，我使用以下方法打开记录的详细信息：

列表组件.html：

详细信息组件.ts：

我遇到了两个需要解决的问题：

1) 我需要在页面刷新时停留在同一个详细信息页面上。

2) 我想通过单击按钮打开记录的详细信息页面，例如将 id 参数附加到详细信息页面的地址。

是否可以在 Angular 7 中以智能的方式解决这两个问题？

I have an Angular app where the root directory is a variable route parameter:

I cannot use relative path because my routerLink is available from different components/routes.

How can I set a routerLink target that is relative to the root of my site, followed by this param? i.e.

My routes:

Routerlink url 不应更改为默认 url..

当我使用 RouterModule.forRoot(appRoutes, { useHash: true }); 它工作正常..但我改为useHash = false，它不工作

在 html 中，我使用了以下代码：

路由页面：

当我在新标签中打开时，

首先我得到，

本地主机：4200/applicationredirect?appId=1084518

然后变成这个，

本地主机：4200#/home

最后我得到了这个默认页面

本地主机：4200/home#/home

我希望 (localhost:4200/applicationredirect?appId=1084518) url 打开..

我正在尝试将我的组件添加到 Storybook 并引发与 RouterLink 相关的错误，并且它不是 Ionic 组件的一部分。

我可以导入任何不使用 routerLink 的元素，但是除非我将其删除，否则任何会引发此错误的元素。我如何将它添加到 Storybook，因为它不应该像我想象的那么难？

我在 Storybook 中的代码如下：

其他元素正在工作，只要我删除它不喜欢它工作的任何位，Ionic 就可以很好地支持。

我如何将 RouterLink 包含到 Storybook 中或告诉它忽略该问题？我不需要链接来工作，只是为了能够显示组件。

我的 app.modules.ts 文件：

我正在尝试为 Angular 项目制作侧边菜单。我从 firebase 检索数据，但我不知道我的架构是否正确。

我使用选择器 app-serie-list 制作了一个组件：

我已经像这样集成到 app.component.html 中：

目前我不知道我的 app-serie-list 组件是否在正确的位置。我必须把它放在路由器插座中发生的组件中吗？

当显示 app-serie-list 组件时，它会更改我的网络浏览器的 url，但不会更改显示的路由器输出。