问题标签 [routerlink]

在我的 Angular 应用程序中，我遇到了一个场景，我必须在 Facebook 的活动日志中显示用户的活动历史记录。

活动模板可能有不同的类型，例如：

1. 荷航从订单2569创建子订单10463
2. XYZ删除子订单1046
3. ABC评论了第2569号订单

等等。

粗体文本将是一个链接，它将用户导航到用户的相应配置文件或特定的subOrder或Order.

在 TypeScript 文件中，我为 KLM、ABC 或 XYZ 等用户/参与者创建了如下链接：

然后我用创建的链接替换{actor}字符串，history如下所示：

我在创建Order和subOrder链接时做了同样的事情。

我曾经innerHTML将它添加到 DOM 中，如下所示：

由于使用href了页面重新加载，这是不可取的。

我尝试使用routerLink如下 TypeScript 代码所示的指令：

我在创建的 DOM 代码中看不到routerLink指令。

请帮助我使用routerLink指令或其他具有预期效果的方法在 DOM 中动态添加链接。

我正在尝试使用带有外部链接的 routerLink。链接在 index.html 上公开（就像来自外部应用程序的菜单），如下所示：

索引.html

当我从这个外部链接访问时，问题似乎没有加载 RouterModule。如果我通过 this.router.navigate(....) 导航，这工作正常。我在这里举个例子： plunker

第 1 步：单击主页和转到信息按钮。你可以看到“Go to Info”有一个routerLink，你可以点击它。第二步：刷新页面。单击信息，您会看到无法单击“转到信息”。如何使用外部链接强制角度加载 RouterModule？

当从子模块内从子路由导航到另一个同级子路由时，路由器不会破坏前一个组件，而是在向前和向后导航时附加新组件。

为什么会这样？

开始/#/subscriber/lookup，移动到/#/subscriber/register路线

应用程序.routes.ts

订阅者.routes.ts

app.module.ts

订阅者.module.ts

这是导航发生的情况：

我的应用程序路由存在问题：

我有一个基地和 2 和

我的路线目前是

我想去

我试过这个，但我想不通：

我什至找不到正确的网址，因为有一个空的（基地：'/'）路线

我不断收到此错误：

NavigationError {id: 2, url: "/(seetickets://content:search)", 错误：错误：无法匹配任何路线。网址段：''

我有一个菜单栏，其中包含从express api加载的菜单列表，并且每个菜单都引用到具有别名的页面，该别名将是该页面的 URL，当我单击菜单时，我试图加载该页面，它完成了但只有当我刷新页面时我的菜单代码

}

这是我的模板菜单

我认为问题出在我的页面组件的 ngOnInit 中，它没有被调用

这是我的页面模板

这是我的应用程序路由代码

这是我的应用组件

带有菜单栏的应用程序主页

我目前正在使用 Angular 4 进行一个项目。直到今天我对路由器没有任何问题，但我使用了 Angular Materials 组件，今天早上我看到我必须更新 Angular Material 包。我执行了：

从那时起，当我使用 RouterLink 时，组件就会加载到实际页面的顶部。例如，如果我在“/dashboard”中并且我想转到“/signin”页面。“登录”组件加载在仪表板顶部，因此在同一页面中，我有仪表板组件和登录组件。

你有什么想法可以帮我解决这个问题吗？

编辑 ：

我的组件不再响应，如果我使用带有在我的组件中定义的数组的 *ngFor，如果数组更改了带有 *ngFor 的组件不会改变......我认为我所有的问题都是相关的，但我可以'不知道怎么做。

我如何使用 RouterLink ：

我的 app.routing.module.ts 的代码：

我的页面目前有 Navigation.vue 组件。我想让每个导航悬停并激活。“悬停”有效，但“活动”无效。

这就是 Navigation.vue 文件的样子：

以下是风格。

这就是悬停现在的样子，并且在活动时预期完全相同。

如果您给我一个关于设置路由器链接活动作品样式的建议，我将不胜感激。谢谢。

我的 routerLinkActive 有问题。

这里有两个GIF来解释。

1. 第一个问题：当我启动应用程序时，没有一个 routerLinkActive 让课程处于活动状态。但如果我点击不同的路线，那最终会奏效。

2. 当我首先单击当前路线时，不显示课程。

这是我的代码：

这是我的路线树。（红色是调用的组件）

和我的路线代码：

和 menuItem 是：

你知道我的问题是什么吗？

编辑：

我努力了：

绝对路线。IE：

和

和

结果是一样的。不工作。

编辑2：

添加：

[routerLinkActiveOptions]="{exact: true}" 到：

不能解决问题。

编辑3：

扩展 Augury 告诉我 routerLink 对于好路由是正确的。但是该类未在 DOM 中激活。

编辑4：

所以，我做了一些探索。

我发现如果我将 menuComponent（侧边栏）放在父根目录中，那是有效的，我会显示活动类（但我不想把它放在父目录中）

编辑5：

我已经对这种情况做了一个检查......而且这个工作很有效......我不明白。

https://plnkr.co/edit/7KMlY2

在登录页面成功登录后，路由更改为“入站”视图，导航栏中有两个选项卡，“入站”和“出站”。我希望已经选择了“入站”导航选项卡以反映路由器的状态。但是，在实现了这个demo之后，它仍然默认没有被选中

html:

零件：

路线：

我正在使用 angular 4 并在模板（.html）中，我编码为

它抛出一个错误

无法绑定到“href”，因为它不是已知的本机属性

我搜索它并获得 angular 4 使用 [routerLink]。但我不知道如何使用 [routerLink] 来设置电话号码。你能指导我吗？