问题标签 [angular-activatedroute]

我有一条这样的路线儿童路线：

在浏览器中我想获得激活的父路由

如何/dashboard使用 Angular 2 而不是在 JavaScript 中获得但可能，但我也可以接受 JavaScript 代码，但主要是 Angular 2。

i m using angular 5 latest and i am hitting below exception

the app.module.ts looks like below import { Routes, RouterModule } from '@angular/router';

我正在使用 ActivatedRoute 从注入服务中的路由中获取参数。如果我在应用程序模块或应用程序组件中将服务指定为提供程序，则调用它时参数映射为空。如果我在拉入服务的组件中将其指定为提供者，则它具有参数。

为什么会这样。我很难找到有关 ActivatedRoute 如何确定范围以及它如何与服务交互的好信息。

链接到 plnkr 中的此行为。取消注释 a.component.ts 中的第 11 行（providers 字段）以在您单击我时查看它是否正常工作！ https://plnkr.co/edit/3U9dZm9fdUlG6KW3GyoQ

我有一个带有路由器链接的按钮。

在“routedpage”上有一个枚举，它决定页面上加载的内容。

我喜欢用按钮发送一个参数，这样我就可以在路由页面上使用它。

我尝试了激活路由选项，但需要在 url 中使用一个字符串。

单击按钮时是否无法发送@output，并在路由页面上将其用作@Input。

如果这不是正确的方法，我应该使用哪种方法。

Route 模块包含以下路由：

我的路由路径配置为：

我想从拦截器到达我可以从激活的路由访问的路径：

这导致在user/:id/edit/:type控制台中返回此路径。

我想从我尝试过的拦截器获得相同的路径：

这将错误返回为：Cannot read property 'path' of null。我已经删除了路径并进行了测试，发现routeConfig为空。

我们如何在拦截器中获取激活的路由？

还有其他方法可以访问pathin 拦截器吗？

如果问题似乎不清楚，可以用更多信息更新它。

我仍在尝试学习在我看来像高级 Angular 5 的东西。下面的代码确实按预期将数组中的“id”数字输入到 url 中，但是当我转到 model/1 时，它显示了我的所有对象大批。我只需要查看 id 1 下的对象，并且数组中的每个对象都相同。我在网上发现了很多相互矛盾的信息，从映射到我什至不确定在哪里的查询，我尝试过的一切都没有导致更好的结果。我已经包含了我正在使用的所有代码。

我的 json 文件中有一组对象-

我为上述每个对象的模板-

我的Activatedroute设置-

任何关于我需要做什么的澄清将不胜感激！我试图在几天内学习 Angular，它比我预期的要复杂。感谢您花时间看这个！

我正在尝试做与这篇文章完全相同的事情：Angular 4 get queryString

我正在使用 Angular 5.2.5。

当用户第一次访问网站时，ActivatedRoute 似乎是用来从 URL 中检索查询字符串值的东西。但是，我无法弄清楚我需要导入什么才能使用 ActivatedRoute。

有人可以准确地指定需要添加到 app.module.ts 文件中的内容，以及我尝试使用 ActivatedRoute 的 component.ts 文件吗？

这篇文章指定将路由添加到 @NgModule 的 imports 数组中：No provider for ActivatedRoute - Angular 2 RC5。但是，我没有 app.routing.ts 文件。是否必须创建 app.routing.ts 文件才能使用 ActivatedRoute？

我正在使用 Angular 5，我有这个 ngFor：

我需要从路由组件“secondPage/:id/item-list”访问列表的json对象“item”。

我怎样才能做到这一点？

在 angularJS 中，当使用 UI-Router 时，您基本上可以命名路由，因为每个状态都有一个名称，并且您可以导航到该路由。

例如： $stateProvider.state("base", { url: "/", controller: "baseController" }); 然后导航到该路线，您可以执行以下操作： $state.go("base");

我正在尝试在 angular v5.2 中使用ActivatedRoute做同样的事情。

我所在的组件有一条路线：base/:acctId/:session/upsells/:id/:type

我想导航到base/:acctId/:session/config/:id/:type

我想向将填充的 ActivatedRoute 添加一个动态段，config/:id以便当我使用路由器导航时，我可以附加:type.

因此，从我所在的组件（base/:acctId/:session/upsells/:id/:type）中，我想在向 ActivatedRoute 添加几个段并调用之后导航到另一条路线： this.router.navigate([type], { relativeTo: this.activatedRoute }

文档中没有太多关于修改 ActivatedRoute 的内容，我尝试修改参数，但似乎路由器不使用参数进行导航。我尝试过类似于Viktor Savkin 对此 github 问题的评论，但我再次不确定 Router.navigate 函数的行为。

我曾经this.router.createUrlTree(['./config', configId, idd], { relativeTo: this.route.parent})生成一个正是我需要的 url 树，但问题是 this.router.navigate 函数采用 ActivatedRoute 对象而不是 UrlTree 对象进行相对导航。是否有从 url 树创建 ActivatedRoute 对象的地图？

我的路由器配置如下所示：

如果有任何不妥之处，请告诉我，感谢您抽出宝贵时间。

我在一个名为“recoger_success”的组件中，我希望它在单击具有 countdown() 链接的按钮后 10 秒后导航到主组件。问题是，如果我在超时达到 0 之前导航到另一个组件，那么在 10 秒之后，我在哪个组件中并不重要，它总是会转到主组件。我不希望这个我希望它只在用户仍在超时组件上时转到主组件，否则忽略它..

我试过这个来知道实际组件的url，但它不起作用..

}

感谢任何帮助。