路由角度2:没有出现

路由角度2:没有出现

问题描述:

我试图用Angular2实现基本路由,但没有成功:-D其实,我甚至没有错误,我只是在页面上什么都没有(这不利于我调试这个问题^^)。下面是我所做的:路由角度2:没有出现

  • 引导 “ROUTER_PROVIDERS” 从 '角/路由器'
  • 定义中的主要成分的路线(见下文)。
  • 在主要组件的模板中添加一个“路由器插座”元素。
  • 主要组件实现“ngOnInit”,并使用路由器将用户重定向到名为“Company”的路由。

的路线:

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

当我进入我的网页,我正确地重定向到“/公司”,所以它看起来像的路线是否正确定义,不过,我不什么都看不到。我试图在主要组件模板中添加“公司”元素,以查看该组件是否正常,以及当我这样做时,它看起来是正确的,所以我不认为这是与组件相关的问题。

我从角教程检查活生生的例子,我看到唯一的区别是,他们使用“路线”装饰而不是“RouteConfig”。当我这样做,WebStorm才发现“路线”中的“angular2/alt_router”,它不反正工作(我有一个错误说角没有找到我的路线)...

它只是看起来如果“路由器插座”未找到/填满,但我不知道为什么。

我使用angular2测试17

+0

一种很难说没有AppComponent,CompanyComponent和MissionComponent代码的东西 – Picci

你有你正在阅读的文档和您正在使用的代码之间的区别是角版本。如果你去的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版本。

+0

只是做了,现在......没有任何工作了^^但我只是看看快速启动en看起来很多事情已经改变在systemjs配置和现在,我的应用程序似乎无法加载“core.js”,“router.js”,...所以我想我必须更新我的配置。当我能找到工作时,我会回到这里。谢谢 – ssougnez

+0

啊啊啊。就是这样。切换到rc1后,我终于找到了工作。谢谢;-) – ssougnez

+0

不客气。我正在学习并尝试与Angular 2合作,因为alpha :)地段不断变化,但至少知道我们正在进入最终版本事情正在解决:) –