2016-04-13 2 views
0

親コンポーネントの下に子ルートを作成するrouteconfigがあります。使用するとすべてが移動することがわかりました(子ルートに設定されたルートリンク)ネストされたルートにアクセスするためのルートリンクが必要ですが、子ルート上にブラウザをリフレッシュするか、ブラウザに子ルートリンクを直接入力すると、子コンポーネントがロードされません。問題とオンブラウザリロードAngular js 2ネストされたルートコンポーネントがロードされていない

URL - ローカルホスト:3000 /#/ダッシュボード/予約

マイルートの設定は、私が会った

@RouteConfig([ 
    ... 
    { path: '/dashboard/...', name: 'Dashboard', component: Dashboard}, 
    ... 
]) 

Dashboard component creates child route 
@RouteConfig([ 
    { path: '/reservation', name: 'Reservation', component: Reservation , useAsDefault: true}, 
]); 
+0

「ROUTER_PROVIDERS」はどこに追加しましたか?私はあなたがより多くの情報(より多くのコード)を提供する必要があると思うそれ以外の場合、それは診断するのが難しいです。任意の具体的なエラーメッセージ? –

+0

私はこの問題が私が使用したカスタム経路出口指令であると考えています。ブラウザの更新時にユーザーを再認証しようとし、何らかの方法で子コ​​ンポーネントの読み込みをブロックします。私がデフォルトルート出口を使用する場合、問題は発生しません。 – Olabayo

+0

私は同じ問題を抱えていましたが、コンソールで "ReferenceError:System is not defined"というエラーが表示されました。運が良ければ? –

答えて

1

親コンポーネント(ダッシュボード)に

メインアプリのコンポーネントルートを下回っています同じ問題ですが、このコードをのindex.htmlに入れて解決しました。APP_BASE_HREFのバグです

<base href="/"> 
<!-- Set the base href --> 
<script>document.write('<base href="'+ document.location +'"/>');</script> 
関連する問題