2016-05-16 212 views
0

我試圖用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

回答

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版本。

+0

只是做了,現在......沒有任何工作了^^但我只是看看快速啓動en看起來很多事情已經改變在systemjs配置和現在,我的應用程序似乎無法加載「core.js」,「router.js」,...所以我想我必須更新我的配置。當我能找到工作時,我會回到這裏。謝謝 – ssougnez

+0

啊啊啊。就是這樣。切換到rc1後,我終於找到了工作。謝謝;-) – ssougnez

+0

不客氣。我正在學習並嘗試與Angular 2合作,因爲alpha :)地段不斷變化,但至少知道我們正在進入最終版本事情正在解決:) –