问题标签 [angular2-router]

您好所有 Angular2 开发人员，

这是我面临的一个挑战，不知道如何解决它。

我的 app.component.ts 文件如下：

我已经在 header.component 中编写了标题的所有视图并在 HTML 中加载。在“header.component”中，我正在加载“left-menu.component”。在 left-menu.component 中，我有要在“app.component”中加载的超链接。

我得到的错误是“没有路由器提供者”。

我继续基于 angular.io 示例，但无法解决它。

这是我编写代码的方式。header.component.ts

left-menu.component.ts

应用程序.routes.ts

main.ts

谁能帮我解决这个问题。a

Angular2 路由的每个主题都有一个固定的导航栏

所以基本上当点击组件一的链接时，这个组件将呈现在下面<nav></nav>

我需要的是当您单击组件一时，完整视图（整页）更改为组件一的视图（因此没有<nav></nav>）

我试着把它放在<router-outlet>一个单独的@Component

接着

App 组件如下所示：

也试过<home>放进去<view>，但什么也没有

总是得到同样的错误：

错误：找不到加载“OneComponent”的主要出口

任何人都可以帮助我吗？谢谢！

编辑

我正在尝试将 Angular 2 rc-4 与新路由器一起使用。

然后我订阅更改路线事件。当事件触发时，我想从中查找项目

问题在于带有参数的url：

我不知道如何将其与当前页面 url 进行比较或如何询问 RouterConfig。

你能帮我么？

在没有向我的问题添加太多代码或文档的情况下，我正在解决 Angular 2 演示的 [routerLink] 代码的问题：

版本控制

Node.js - v4.4.7
@angular - 2.0.0-rc.1

应用程序/app.component.ts

应用程序/app.component.html

呈现的 HTML（在浏览器中）

如果我从锚标记中删除[routerLink]="['TasksComponent']，则锚标记显示没有问题。不知何故，[routerLink] 的呈现导致了问题。似乎问题的范围是不在我的导入命令或任何其他 Angular 2 相关信息中，所以我将代码的范围缩小到版本、打字稿文件和有问题的 html 文件。

我正在使用 Lite Server 运行它。任何援助将不胜感激。

我正在关注Angular2 路线教程。我正在尝试将默认路由器“”重定向到“enderecamento”，但在控制台上出现此错误：

我的路由代码如下：

app.routing.ts：

奇怪的是，如果我改变：

对此：

'enderecamento' 页面已加载，但如果 iIclick 页面中的 routerLink 以重定向它或在上下文 'pecaJuridica/enderecamento' 上写入，我得到相同的 Uncaught promise [object Object] 错误，有没有办法调试它？这非常令人沮丧，因为我知道这一定是一件简单的事情，而且这些错误消息对我来说并不直观......

一些附加信息：

重定向plnkr：

http://plnkr.co/edit/xRu4pS

重定向 routerLink plnkr：

http://plnkr.co/edit/d4xRtw

路由器链接html代码：

我尝试在 Dart 中使用 angular2-beta.20 中的路由器和 HashLocationStrategy。但我找不到任何文档，除了 这个指向 angular2-beta.15 docs 的链接，它不完整。该示例显示了 TypeScript 导入而不是 Dart 导入。

所以我尝试导入package:angular2/router.dart，但 Dart Analyzer 一直抱怨它找不到LocationStrategy并且HashLocationStrategy

我也不知道如何准确地编写导入，因为如上例所示的顶级提供函数似乎不存在。 provide(LocationStrategy, {useClass: HashLocationStrategy})

任何人都可以帮我解决路由器问题。

我有一个由几个子模块组成的主模块“app.module”。App.module 有 app.routers 文件，该文件描述了其子模块的延迟加载。

文件 app.routers 如下所示：

我想使用解析路由器从服务器加载一些数据，并且我想在 app.component 加载时和子模块加载之前在 app.component 中执行此操作。

例如，如果 www.myapp.com/home 加载我想从 app.component 中的解析路由器获取数据（我猜在 ngOnInit 中）没有 submodule.component 中的数据。

是否可以在 app.routers 中描述路径，该路径将在 app.routers 中的另一个语句之前加载？

提前致谢！

更新

我有一个 angular2 应用程序（RC6 版本），其中一些重要的全局参数是使用在启动时收集此文件的服务从配置文件加载的：

如这个片段所示，我使用我称之为ConfigurationService的东西，它通过 http 调用读取配置文件并返回一些参数（作为 Promise）。如果一切顺利，应用程序会完美加载，并且这些配置参数可以在整个子模块等中访问。

问题是，如果此配置文件未按预期加载，我如何阻止应用程序加载子模块？（请注意，AppComponent 本质上只是一个路由器出口，重定向到由多个子模块定义的其他路由）。我可以“禁用”或重定向到错误页面，而不是加载请求路由定义的模块/组件吗？

我有以下模块路由设置

因此，当我尝试打开http://localhost:4200/persons/3/editAngular2 时，首先会加载 PersonsComponent，然后是 PersonDetailComponent，然后是 PersonDetailInfoComponent。

现在在 PersonDetailComponent 中，我有一个从后端检索人员信息的服务请求，我也想在 PersonDetailInfoComponent 中使用检索到的人员信息。

所以我的问题是 Angular2 是否提供了一种内置方式，我可以在其中访问来自父组件的变量（例如：从 PersonDetailInfoComponent 内部访问 PersonDetailComponent.personModel）。

是否有 Angular 认可的“正确”方式来做到这一点，或者它是否是每个人最终都会实施自己的定制解决方案的事情之一？此外，如果这不是现成的，是否有计划在以后的 Angular2 版本中提供此功能？

干杯并提前感谢。

附言

我的依赖项/版本如下：

在新的 Angular2 路由器中拥有默认子状态的正确方法是什么？

例如我想要路由器

重定向到

就像用户状态的默认子状态。