问题标签 [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.
dart - 如何在我的视图中获取 AngularDart 组件中的路由参数?
在 AngularDart 中,如何从视图中的组件中获取路由参数?
据我所知,在我的路由器中,我相信我应该添加如下参数:
那么我怎样才能在我的组件中获取年月日呢?它是一个@Component 注释类。
angular - 如何从子路由导航到父路由?
我的问题很经典。我有一个应用程序的私有部分,它位于login form
. 登录成功后,它会转到管理应用程序的子路由。
我的问题是我不能使用 ,global navigation menu
因为路由器试图在 myAdminComponent
而不是我的AppCompoment
. 所以我的导航坏了。
另一个问题是,如果有人想直接访问 URL,我想重定向到父“登录”路由。但我不能让它工作。在我看来,这两个问题是相似的。
知道怎么做吗?
angular - 如何在 Angular 中实现多级路由?
我正在做我的一个小项目,以了解更多关于 Angular 的知识,但我真的不知道如何实现多级路由。
我已经阅读了有关路由器组件新版本的文档以及 StackOverlfow 上的其他一些主题(first、second、third),但我找不到解决我的问题的方法。
让我们考虑以下应用程序结构,而不考虑Test和Test2块。
让我们考虑一下我的应用程序的组件如下:
main.ts
我的应用程序.component.ts
我的应用程序.routes.ts
admin.component.ts
admin.routes.ts
主页.component.ts
settings.component.ts
当我尝试使用这样的配置时,没有任何效果,并且浏览器的控制台充满了错误。
仅当我在admin.routes.ts中添加children[...]时才会发生这种情况,我认为问题就在那里。
- 你能给我一些关于如何正确实施的提示吗?
- 我错过了什么吗?
- 有没有更好的办法?
提前感谢您的帮助,我希望我在帖子中写的内容有助于理解我的问题!
angular - 访问根组件中的Route数据,Route数据为空
我的问题是我有lang.component
一个<router-outlet>
. 我需要的是访问根组件中的 ActivatedRoute 参数,app.component
但那里的所有路由数据都是空的。我可以lang.component
通过订阅参数链接到您可以运行的代码来正常访问路线数据:https ://plnkr.co/edit/gTXPUb6TvatbMyOPPRKj
如果您运行代码并打开控制台,您可以看到两个日志。它向您展示了问题所在。
请帮忙。
谢谢你。
angular - Angular中具有多个参数的RouterLink
我想用多个参数创建一个指向路由的链接并将它们绑定在模板中。到目前为止,我一直在通过在(click)
事件上执行函数来做到这一点,但我想知道它是否可能在RouterLink
' 绑定中。
这是我用来绑定参数的函数:
我的路线看起来像:
我能做同样的内部routerLink
指令吗?
javascript - 如何为Angular 2中的特定路由实现RouteReuseStrategy shouldDetach
我有一个 Angular 2 模块,我在其中实现了路由,并希望在导航时存储状态。
用户应该能够:
- 使用“搜索公式”搜索文档
- 导航到其中一个结果
- 导航回“搜索结果” - 不与服务器通信
这是可能的,包括RouteReuseStrategy
.
问题是:
如何实现不应该存储文档?
所以应该存储路由路径“documents”的状态,而不应该存储路由路径“documents/:id”的状态?
javascript - 没有路由器的Angular 2+延迟加载
我是 Angular 的新手,正在寻找有关如何将一些小部件组件延迟加载(或动态加载?)到我的页面的信息。我在延迟加载中找到的所有信息都与 Angular 路由器有关。在这种情况下,路由器不是我需要的,因此很难找到有关如何具体执行此操作的信息。
我所拥有的是一个网站,它有许多可以在页面上加载的小部件。它是可配置的,因此用户可以定义在每个页面上显示哪些小部件,并且可以有任意数量的小部件。其中一些小部件理论上可能非常重,所以我不想在站点启动时加载它们。
我还需要传递一个字符串来初始化部分或全部这些小部件。
那么如何将组件/模块延迟(动态?)加载到我的 Angular 应用程序中?
javascript - 导航时是否可以防止破坏Angular组件?
假设我有两个 Angular 2 组件:ComponentA
和ComponentB
. 我希望能够从 ComponentA 导航到 ComponentB,然后最终回到 ComponentA,而不必重新初始化 ComponentA。
在当前的 Angular 2 路由器实现中,每次我离开一个组件时,该组件都会被销毁,并且必须在下次导航到它时重新创建。
我知道我可以通过使用服务来保留组件的状态,但这似乎更像是一种解决方法,而不是我的问题的实际解决方案。有没有办法解决?
angular - 如何获取所有路由参数/数据
给定路由配置
在 TestComponent 中,如何轻松获取所有路由参数。我想知道是否有比这更简单的方法
这似乎过于多余,特别是如果我正在观察可观察的路由参数而不是通过路由快照访问参数。这种方法似乎也很脆弱,因为如果我移动了任何路线/参数,它就会中断。我习惯于有角度的 ui-router,其中为单个对象 $stateParams 提供了所有易于访问的参数数据。我对从路由树中的单个节点访问的路由解析数据也有同样的担忧。任何帮助将非常感激。提前致谢