问题标签 [angular-routerlink]

所以我有这个设置。如您所见，它为左路由器设置 ExploreAllComponent 的默认路径。我希望第一个 routerLink 指向插座的主路径，但这样它不起作用。我已经尝试使用'/'，但它也不起作用。

路由

html

在包装有角度应用程序的科尔多瓦应用程序中，单击后退按钮后，该应用程序似乎不再处于“角度区域”中，所以如果我之后单击任何路由器链接它什么也不做并抛出错误Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()？

已尝试将“pathMatch：'full'”添加到路线。还在这里尝试了解决方案：Angular 7 routerLink 指令警告'导航在 Angular 区域外触发'并且它可以工作，但我不想this.ngZone.run(() => this.router.navigateByUrl(''))在每一页上都写。我觉得 routerLink="" 语法更干净。

我单击的按钮如下所示：

它中断的代码如下（注意所有布尔值都是真的）

如果我只是在 Angular 中运行它，这很好用。但是当我运行包装它的cordova应用程序时，它失败了。由于此错误仅在 DevMode 中发生，这甚至是我需要担心的事情吗？

提前致谢。

我有一个带有 Angular Material 表的TableComponent，其中包含一些指向其他组件的链接。

当我在表格的第二页（上图）并单击链接时，routerLink重定向到DetailComponent。一旦我被重定向，如果我按下后退按钮或执行location.back()，我会返回到TableComponent，但表格位于第一页，而不是我之前的那个。

在组件之间重定向之后，有没有办法保持表的先前状态？

提前致谢！

我已经开发了 Angular 8 应用程序，我正在使用 routerLink 导航组件，这些组件可以正常工作，没有任何问题，但是当我直接在浏览器中输入相同的 URL 时，它没有显示任何内容，并且在控制台中，我看到了错误如下

比如我打开主页http://localhost:4200/home在这里添加了routerLink去http://localhost:4200/about就可以查看成功但是如果我输入URL http ://localhost:4200/about直接在 ULR 中没有显示

我已经处理了 app-routing.model.ts

我有 header.component.ts 来处理导航栏，所以我在 header.component.html 中添加了 <router-outlet></router-outlet>，然后我在 app.component.ts 中包含了 header.component.ts 的选择器， <app-header></app-header>然后在最后的索引中。我已经包含了 app.component.ts 的选择器，即<app-root></app-root>

你能告诉我是否有什么问题吗？

在问这个问题之前，我已经经历了下面，没有任何帮助

1. 路由器链接不工作
2. Angular 2 路由在部署到 Http 服务器时不起作用
3. Angular2 路由 - url 不会改变并且页面不会加载

我在延迟加载的功能模块中遇到了路由解析问题。

routerLink 在显示的路由中显示省略号 (...) 一小段时间。如果我立即单击链接，我会收到“无法匹配任何路线”的错误。但是，如果我将鼠标悬停在链接上直到路径解析，那么过渡就会很好。

有没有办法延迟路由转换，直到延迟加载完成，并且路由器可以解析目标？

我的路线是

在

state.url 返回/contacts/1我需要的是匹配的 url/contact/:id是否有可能获得匹配的 url？

我需要一个像http://localhost:8000/user/firstName-lastName这样的网址

所以我不知道我们如何使用 routerlink 做到这一点

谁能帮我解决这个问题？先感谢您

这是行不通的

[routerLink] = "['/user',user.firstName-user.lastName]"

构建一个 Angular 4 应用程序，但我会接受一个也适用于 v5+ 的答案。我有一个由导航按钮组成的导航栏，如下所示：

我知道我可以根据当前路由是否与按钮匹配，向元素添加一个自定义类“活动”routerLink：

但是，我需要一种基于此条件（路由是否为当前）绑定输入值的方法，例如：

所以这个想法是如果按钮是指当前路线，inputFlag则将设置为。我知道这可以通过注入和构建一个函数来完成，该函数采用按钮的值并在它与当前路由匹配时返回。truerouterLinkActivatedRouterouterLinktrue

不过，这是很多开销；想知道 Angular 是否公开了一个 API 来在模板中完成所有这些工作

我正在将 SB Admin2 模板与我的 Angular 7 项目集成。但是侧边栏中的任何链接都不起作用。甚至它们也不能完全点击。但是，如果将路由器链接放在正文包装器中，它应该可以正常工作。

我已经尝试使用 [routerlink] 而不是 routerlink。我在 appmodule 中添加了 routermodule 注意：路由器链接在 index.html 文件中