2016-05-16 4 views
0

私はAngular2で基本的なルーティングを実装しようとしていますが、成功しません:-D実際には、私もエラーはありません。問題^^)。ここに私がやったことだ: '角度/ルータ' ルーティングangle2:何も表示されません。

  • から

    • ブートストラップ "ROUTER_PROVIDERS"(下記参照)を主成分でルートを定義します。
    • メインコンポーネントのテンプレートに "router-outlet"要素を追加します。
    • メインコンポーネントは "ngOnInit"を実装し、ルータを使用して "Company"というルートにユーザをリダイレクトします。

    ルート:私は私のページにアクセスするとルートが正しく定義されているように見えるので、

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

    、私が正しく、「/会社」にリダイレクトされていますが、それでも、私はドン何も見ない。私は "company"要素をメインコンポーネントテンプレートに追加して、このコンポーネントが正常かどうかを確認しましたが、正しく表示されるため、コンポーネントに関連する問題ではないと思われます。

    は、私は角のチュートリアルからのライブの例を確認し、私が見る唯一の違いは、彼らが代わりに「RouteConfig」のデコレータ「ルート」を使用することです。私はWebStormは唯一の「angular2/alt_router」に「ルート」を発見し、それはとにかく動作しない、それを行うとき...それはちょうど見えます

    (私は角が私のルートを見つけることができませんというエラーがあります) "router-outlet"が見つからない/詰まっているような場合は、理由はわかりません。私は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

    あり、あなたがチェックすることができます見つけることができるために古いものであり、サンプルアプリケーションを使用して、実装と異なる点を確認してください。

    しかし、ベータ版を使用する代わりにRC2版のangular2にアップグレードすることをお勧めします。

    +0

    ちょっとやったことはもうありません^^しかし、私はちょうどクイックスタートを見ました。 systemjsの設定で、今、私のアプリは "core.js"、 "router.js"をロードできないようです...だから私は私の設定を更新する必要があります。私は働くことができるときにここに戻ってきます。ありがとう – ssougnez

    +0

    ああああ。それはそれだった。 rc1に切り替えた後、ついにそれを動作させました。ありがとう;-) – ssougnez

    +0

    ようこそ。私は学んでおり、アルファ2以来の角度2で動作しようとしています:)ロットは絶えず変化していましたが、少なくとも私たちは最終的なリリース物事に落ち着いていることを知っている:) –

    関連する問題