问题标签 [angular-router]

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.

0 投票
2 回答
999 浏览

dart - 如何在我的视图中获取 AngularDart 组件中的路由参数?

在 AngularDart 中,如何从视图中的组件中获取路由参数?

据我所知,在我的路由器中,我相信我应该添加如下参数:

那么我怎样才能在我的组件中获取年月日呢?它是一个@Component 注释类。

0 投票
17 回答
212154 浏览

angular - Angular 2 中的被动链接 -等效

在 Angular 1.x 中,我可以执行以下操作来创建一个基本上什么都不做的链接:

但是同一个标签在 Angular 2 中导航到应用程序库。在 Angular 2 中,它的等价物是什么?

编辑:它看起来像 Angular 2 路由器中的一个错误,现在github 上有一个关于此的未解决问题。

我正在寻找开箱即用的解决方案或确认不会有任何解决方案。

0 投票
13 回答
127302 浏览

angular - 如何从子路由导航到父路由?

我的问题很经典。我有一个应用程序的私有部分,它位于login form. 登录成功后,它会转到管理应用程序的子路由。

我的问题是我不能使用 ,global navigation menu因为路由器试图在 myAdminComponent而不是我的AppCompoment. 所以我的导航坏了。

另一个问题是,如果有人想直接访问 URL,我想重定向到父“登录”路由。但我不能让它工作。在我看来,这两个问题是相似的。

知道怎么做吗?

0 投票
1 回答
8706 浏览

angular - 如何在 Angular 中实现多级路由?

我正在做我的一个小项目,以了解更多关于 Angular 的知识,但我真的不知道如何实现多级路由。

我已经阅读了有关路由器组件新版本的文档以及 StackOverlfow 上的其他一些主题(firstsecondthird),但我找不到解决我的问题的方法。

让我们考虑以下应用程序结构,而不考虑TestTest2块。

应用结构

让我们考虑一下我的应用程序的组件如下:

main.ts

我的应用程序.component.ts

我的应用程序.routes.ts

admin.component.ts

admin.routes.ts

主页.component.ts

settings.component.ts

当我尝试使用这样的配置时,没有任何效果,并且浏览器的控制台充满了错误。

仅当我在admin.routes.ts中添加children[...]时才会发生这种情况,我认为问题就在那里。

  1. 你能给我一些关于如何正确实施的提示吗?
  2. 我错过了什么吗?
  3. 有没有更好的办法?

提前感谢您的帮助,我希望我在帖子中写的内容有助于理解我的问题!

0 投票
1 回答
967 浏览

angular - 访问根组件中的Route数据,Route数据为空

我的问题是我有lang.component一个<router-outlet>. 我需要的是访问根组件中的 ActivatedRoute 参数,app.component但那里的所有路由数据都是空的。我可以lang.component通过订阅参数链接到您可以运行的代码来正常访问路线数据:https ://plnkr.co/edit/gTXPUb6TvatbMyOPPRKj

如果您运行代码并打开控制台,您可以看到两个日志。它向您展示了问题所在。

请帮忙。

谢谢你。

0 投票
2 回答
34311 浏览

angular - Angular中具有多个参数的RouterLink

我想用多个参数创建一个指向路由的链接并将它们绑定在模板中。到目前为止,我一直在通过在(click)事件上执行函数来做到这一点,但我想知道它是否可能在RouterLink' 绑定中。

这是我用来绑定参数的函数:

我的路线看起来像:

我能做同样的内部routerLink指令吗?

0 投票
10 回答
71085 浏览

javascript - 如何为Angular 2中的特定路由实现RouteReuseStrategy shouldDetach

我有一个 Angular 2 模块,我在其中实现了路由,并希望在导航时存储状态。
用户应该能够:

  1. 使用“搜索公式”搜索文档
  2. 导航到其中一个结果
  3. 导航回“搜索结果” - 不与服务器通信

这是可能的,包括RouteReuseStrategy.
问题是:
如何实现不应该存储文档?

所以应该存储路由路径“documents”的状态,而不应该存储路由路径“documents/:id”的状态?

0 投票
0 回答
1625 浏览

javascript - 没有路由器的Angular 2+延迟加载

我是 Angular 的新手,正在寻找有关如何将一些小部件组件延迟加载(或动态加载?)到我的页面的信息。我在延迟加载中找到的所有信息都与 Angular 路由器有关。在这种情况下,路由器不是我需要的,因此很难找到有关如何具体执行此操作的信息。

我所拥有的是一个网站,它有许多可以在页面上加载的小部件。它是可配置的,因此用户可以定义在每个页面上显示哪些小部件,并且可以有任意数量的小部件。其中一些小部件理论上可能非常重,所以我不想在站点启动时加载它们。

我还需要传递一个字符串来初始化部分或全部这些小部件。

那么如何将组件/模块延迟(动态?)加载到我的 Angular 应用程序中?

0 投票
1 回答
6468 浏览

javascript - 导航时是否可以防止破坏Angular组件?

假设我有两个 Angular 2 组件:ComponentAComponentB. 我希望能够从 ComponentA 导航到 ComponentB,然后最终回到 ComponentA,而不必重新初始化 ComponentA。

在当前的 Angular 2 路由器实现中,每次我离开一个组件时,该组件都会被销毁,并且必须在下次导航到它时重新创建。

我知道我可以通过使用服务来保留组件的状态,但这似乎更像是一种解决方法,而不是我的问题的实际解决方案。有没有办法解决?

0 投票
8 回答
18360 浏览

angular - 如何获取所有路由参数/数据

给定路由配置

在 TestComponent 中,如何轻松获取所有路由参数。我想知道是否有比这更简单的方法

这似乎过于多余,特别是如果我正在观察可观察的路由参数而不是通过路由快照访问参数。这种方法似乎也很脆弱,因为如果我移动了任何路线/参数,它就会中断。我习惯于有角度的 ui-router,其中为单个对象 $stateParams 提供了所有易于访问的参数数据。我对从路由树中的单个节点访问的路由解析数据也有同样的担忧。任何帮助将非常感激。提前致谢