问题标签 [angular2-router3]

我正在构建一个 angular2 应用程序/小部件，它将作为插件嵌入到 TYPO3 中，可以插入到任何内容页面上。这意味着它可能以不同的根路径结束，例如：

全局基本 url (base href=..) 已由 TYPO3 设置，无法更改。我怎样才能给 angular 某种根前缀，以便它可以正确地建立它的路线？

我正在使用此处记录的新路由器：https ://angular.io/docs/ts/latest/guide/router.html

我的模块具有路由设置并包含一些子模块。我如何导航到从某些孩子到父母或其他（兄弟）模块的某些路线？

如我所见，我可以name为路线指定一个：

然后使用它：

由于name已弃用，您知道我如何使用最新版本的 Angular2 路由器达到相同的效果吗？

我正在尝试使用 Angular2 路由器重现我的问题，但我无法在 Plunker 中创建我的项目的工作副本。

这是我的尝试：https ://plnkr.co/edit/1lpoYP4qlBZLuqZHW7Ft

我在文件中使用以下代码index.html行使路由路径与 Plunker 的运行环境和我的''默认路径一起工作。

为什么我仍然收到此错误？

我正在使用带有路由的 Angular2，并且我的页面在初始加载时显示重复的内容。一旦我单击任何链接（Page1 或 Page2），一切都会完美运行（没有更多重复的内容）。为什么我在初始加载时会得到重复的内容，我需要让它只显示一次

截屏

索引.html

应用模块.ts

App.html（在初始请求期间加载）

我的页面布局看起来像这样

如果用户单击第 1 页我想刷新左侧的菜单以列出第 1 页的子项，如果我单击第 2 页而不是我想刷新菜单列表并显示第 2 页的子项

这是我的路由器目前的外观，但我收到错误消息

错误：无法匹配任何路由。URL 段：“”在 ApplyRedirects.noMatchError

索引.html

屏幕截图 UI 看起来像预期的那样，但控制台窗口中有错误

Page1.component

现在，一旦我更新 Pag1Component 以使用命名插座，它就会引发解析错误。

{{物品}}

这只是炸毁整个页面并且没有显示任何内容，控制台窗口抛出解析错误

错误：（SystemJS）模板解析错误：（...）（匿名函数）@（索引）：20ZoneDelegate.invoke@zone.js：232Zone.run@zone.js：114（匿名函数）@zone.js：502ZoneDelegate.invokeTask @ zone.js:265Zone.runTask @ zone.js:154drainMicroTaskQueue @ zone.js:401ZoneTask.invoke @ zone.js:339

有没有更好的方法来做到这一点

我有一个简单的用户界面

上面的 routerLink 绑定失败，总是失败并显示以下内容：

我理解这个错误，但有什么方法可以让我将 routerLink 实际添加到 material2 按钮或按钮图标？

很难接受这样一个简单的程序似乎是不可能的。

我之前问过这个问题并得到了一个在 2016 年 6 月有效的答案 - 这个答案不再有效（如何使用 material2 工具栏、按钮和 angular-cli 路由器）

谢谢

我已经设置了我的应用程序，以便我有Recipe Book一个列表Recipies，当我单击食谱时，它会Recipe Details在嵌套路线中显示。然后，它还有一个按钮，单击该按钮可将成分加载到Recipes Details.

到目前为止，路由似乎有效，除非我尝试导航到另一个Recipe. 如果Ingredients托盘（路线）处于活动状态，那么它将更改配方并折叠Ingredients路线，如果我尝试导航（不打开成分）我收到以下错误：

看起来我的路由器需要Ingredients处于活动状态，否则它不理解嵌套路由。这就是我的看法，但不知道如何修复它或者我什么时候出错了。

单食谱书page.component.html

配方-detail.component.html

成分-list.component.html

app.routes.ts（更新）

我想动态插入一个包含 html 和 formgroup 定义的表单模块/组件。页眉/页脚/按钮（白色）始终相同。是否可以启动表单父级（白色）。

父/动态应该能够相互通信，父控制。

我正在尝试在类似于此处发布的问题的子组件中使用辅助路由。由于发布的“解决方案”更像是一种解决方法，我很好奇如何像上面的博客文章中那样做。

我将 Angular 2.1.2 与路由器 3.1.2 一起使用。

父模块

父组件

子模块

子组件

因此，当我尝试浏览到 /(child:other) 时，我得到了典型的：

错误

我正在阅读 Angular 2 的样式指南，我碰巧遇到了这一行

使用 -routing.module.ts 结束 RoutingModule 的文件名。

我没有找到关于路由模块示例的任何内容，所以我去了 Papa 的博客。在那里我找到了这条线......

forRoot() 函数只能用于创建根模块的路由。当我们进入子模块和路由时，我们将使用其他技术，我们将在后面的文章中看到。

那么如何创建一个不使用 forRoot 的 RouteModule ，就像建议的那样。