2016-10-13 6 views
1

通常、<a routerLink="/detail/{{record.TA001}}">のように詳細リンクへのホームリンクのリンクをクリックすると、CSSファイルがうまく機能します。パラメータのリロードページを変更したAngular2ルータがCSSファイルディレクトリを取得

localhost:3000/detail/0006 のようにこの詳細ページを更新するだけで、データはOKですが、CSSファイルはルートディレクトリの代わりに詳細にディレクトリを変更してCSSファイルを取得できませんでした。私の詳細な構成要素はapp/contentです。

enter image description here

プロジェクトのルートディレクトリにあるマイindex.htmlとCSSファイル。 ルータ:

const appRoutes: Routes = [ 
    { 
    path: 'contact', 
    component: Contactcomponent 
    }, 
    { 
    path: 'detail/:id', 
    component: Detailcomponent 
    }, 
    { path: '', 
    component: Contentcomponent 
    } 

マイプロジェクトディレクトリは、このようなものです:

私はこの問題を解決する方法を知っているenter image description here

+0

http://stackoverflow.com/questions/31415052/angular-2-0-router-not-working-on-reloading-the -browser/36310728#36310728 –

答えて

0

、単にルータディレクティブ/詳細/ 0005変更/ 0005、それは目が覚めました良い。私はそれがルートのルータだと思うので、あなたはちょうど良いレベルを使用することができます。それは2つのレベルapprochを使用することはできませんでした。

0

チェックを説明するように、あなたはあなたのコンポーネント宣言でmoduleIDのプロパティを使用する必要があります代わりたびに(../ ../../などで)絶対1の計算の相対パスを使用したい場合index.htmlにbase href = "/"を含めるとCSS /スタイルシートを含める前に

関連する問題