问题标签 [angular4-router]

我有一个运行良好的 Angular 4 应用程序。

我一直在使用 HashLocationStrategy，但我决定不再在我的网址中使用哈希。

我的路由器设置现在看起来像这样......

我有一个来自我的打开页面的链接，它是这样生成的......

它重定向到此页面...

https://www.tilecase.com/forBusiness

现在，如果我只是将此 url 放入浏览器并尝试单独加载 forBusiness 页面，我会收到“找不到页面”错误。

我需要对我的路线或页面设置做些什么才能使其正常工作？

Angular 4 中有一些基本的路由概念，我不明白。

索引.html：

文件结构：

我的 header.component.html 中有一个链接：

如果我点击它，我会登陆 localhost:4200/collections。单击按钮时，会以编程方式更改 url（在 collection.component.ts 中）：

我最终在 localhost:4200/collections/name 上 - 一切都很好。现在我想以编程方式返回 /collections（在 collectioninfo.component.ts 中）：

但这不起作用。url 没有改变，我收到一个错误，说无法加载参数 - 所以显然 /collections/name 正在再次加载。认为这可能是一个路径问题，但这样的事情也不起作用：

附加信息：当我在 /collections 上手动重新加载页面时，我再次被转发到主页，但我认为这是另一个问题，与此行为无关。

app.routing.ts：

我想知道如何(name="info")从任何组件链接到出口，而无需将“信息”出口配置为每个组件在路由器中的子级？

例如，我有一个侧面信息列（其中包含帮助信息）或一种列出所有添加项目等的购物车。

出口直接在 app.component 中定义，如果我尝试从另一个组件链接到它，那么应用程序本身就不起作用。

路由器设置：

最终得到的 url 是：

代替

编辑：

好的......仍然不能从“来自”插座的组件中工作：

在 comp-a.html 里面：

无论如何应该工作吗？

编辑2：

路由器通过标准路由器出口链接到命名出口。

现在我看到SHOW INFO这些生成的信息链接有 3 个链接：

• 直接链接：（生成的链接：/anylink(side:info)）-好
• 静态 acomp 链接：（生成的链接：/anylink(side:info)）-good
• 路由器出口中的动态acomp（生成的链接：/anylink/(side:info)）-bad

在这里你看到我的问题：

在路由器插座中加载的组件会生成指向指定路由器插座的错误链接。

我该如何解决？

编辑：

...仍然未解决的问题

问题：我正在为我的应用程序配置路由。我想拥有像https://localhost:4200/hero=id这样的网址这样的网址，其中 id 将是用户从 Heroscomponent 中选择的内容。这对我不起作用。

如果我根据角度文档尝试在路径为 /hero/:id 的 url 下面尝试它的音素工作。

https://localhost:4200/hero/:id

有人可以为我提供解决此问题的方法吗？

这是我的路由配置文件

下面是我要路由到 path = "/hero="+id 的 HeroesComponent 文件

这是我在浏览器控制台中遇到的错误。
core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'hero%3D13' Error: Cannot match any routes. URL Segment: 'hero%3D13'**strong text**

我可以调用 Angular 4 中的某些东西，我可以在其中传入一个字符串或路由标记数组并取回该路由的静态路由数据？

例如：

我要查找的数据是 Route Definitions 中定义的数据

如何尝试将这些类型的 URLprefix/foo-bar-1123与prefix/foo-bar-1123/bazquux-123Angular 4 路由器一起使用？重要的位是我试图捕获的数字 id。

我已经尝试过了，但结果是我得到了 // characted 之间的所有数据，这些数据被捕获到名为categorySlug-:categoryIdand的单个变量subcategorySlug-:subcategoryId中。

最终我想得到这些变量：

这是路由器支持的东西吗？是否可以扩展路由器以支持这些？

在我的 Angular 4 应用程序中，我有一个带有表格的页面，每行都有 3 个图标（复制、编辑、删除）。当我单击编辑图标时，应用程序路由到详细信息页面以编辑此特定对象，使用此路径：

当我单击重复图标时，我想像编辑一样路由到同一页面，但我需要传递其他信息，因为我需要告诉详细信息页面我处于重复模式所以什么是最佳实践以及如何捕捉在详细信息页面之后

我是 Angular 4 的新手。不幸的是，我正在尝试使用路由器插座创建动态内容，但我无法使用它两次，因为我对平板电脑、手机和台式机有不同的场景。也许你们有什么建议？

我想我可以分配不同的网点， 但也许有更简单的方法？

我的代码：

谢谢您的帮助。

我正在运行一个 Angular 4 应用程序。我对应用程序中的路由有特定要求。

我有路由和路由参数等/create/claim。/view/claim/:id这些传统的路由方法工作正常。

我需要路由到param页面名称之前给出的页面（例如：仪表板页面）。例如

请让我知道是否有人遇到过这样的要求。如果需要更多信息，我会提供。

我计划创建一个结构如下（每个routing.ts中的Routes是为了说明我的想法）

我想在 moduleA.module 中对 moduleA 中的任何内容进行分组，包括其路由。与模块 B 相同。

然后我希望将 moduleA 和 moduleB 暴露给 app.routing 以便我注册它的模块路径。我预计：

如何在 Angular4 中创建上述结构？如果可能，请提供相同的可行代码。