路由angular2：什么都没有出现

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”元素以查看该组件是否正常，当我这样做时，它显示正确，所以我认为这不是与组件相关的问题.

我检查了 Angular 教程中的实时示例，我看到的唯一区别是它们使用“Routes”装饰器而不是“RouteConfig”。当我这样做时，WebStorm 只在“angular2/alt_router”中找到了“Routes”并且它无论如何都不起作用（我有一个错误说 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 版本，而不是使用 beta 版本。