路由角度2：没有出现

Question

我正在尝试使用Angular2实现基本路由，但没有成功:-D实际上，我甚至没有错误，我只是在页面上什么都没有（这对我没有帮助调试问题^^） 。这是我做的：

• 来自' angular / router '的引导程序“ ROUTER_PROVIDERS ”
• 在主要组件中定义路线（见下文）。
• 在主要组件的模板中添加“ router-outlet ”元素。
• 主要组件实现“ ngOnInit ”并使用路由器将用户重定向到名为“ Company ”的路由。

路线：

@RouteConfig([
    { path: '/company', component: CompanyComponent, name: 'Company' },
    { path: '/missions', component: MissionComponent, name: 'Mission' }
])

当我访问我的页面时，我被正确地重定向到“ / company ”，所以看起来路线被正确定义，但是，我看不到任何东西。我尝试在主组件模板中添加“ company ”元素以查看此组件是否正常，当我这样做时，它显示正确，所以我不认为这是与组件相关的问题

我检查了角度教程中的实例，我看到的唯一区别是他们使用“路由”装饰器而不是“ RouteConfig ”。当我这样做时，WebStorm只在“ angular2 / alt_router ”中找到“路由”并且它无论如何都不起作用（我有一个错误，说Angular找不到我的路线） ...

看起来好像没有找到/填写“ router-outlet ”，但我不明白为什么。

我正在使用angular2 beta 17

Answer 1

您正在阅读的文档与您使用的代码之间的差异是角度版本。如果您转到Angular2 Routing & Navigation link网站，则可以用粗体显示：

This chapter is a work in progress.

It describes the release candidate Component Router which replaces the beta router.

您使用的版本是旧版本，可以找到文档here

在那里，您可以查看示例应用，了解与您的实施有何不同之处。

但是我建议您升级到angular2的RC版本，而不是使用测试版。