2016-11-07 12 views
0

複数のルーティングファイルがあり、すべて正常に動作します。 問題は、企業のリストurl/companiesを取得し、会社を選択したときですurl/companies/:id会社のページにつながります(これは良いことです)。しかし、私は会社のページをリフレッシュするとうまくいきません。複数のルーティングファイル(更新ページ)

アプリルーティングファイル:app.routing.ts

{ 
     path: '', 
     redirectTo: 'dashboard', 
     pathMatch: 'full', 
    }, 
    { 
     path: 'login', 
     component: LoginComponent, 
     data: { 
      title: 'login' 
     }, 
     pathMatch: 'full' 
    }, 
    { 
     path: '', 
     component: FullLayoutComponent, 
     data: { 
      title: 'Home' 
     }, 
     children: [ 
      { 
       path: 'dashboard', 
       loadChildren: 'app/dashboard/dashboard.module#DashboardModule' 
      }, 
      { 
       path: 'companies', 
       loadChildren: 'app/companies/companies.module#CompaniesModule' 
      }, 
    } 

ファイルルーティング会社:companies.routing.ts

{ 
    path: '', 
    data: { 
     title: 'Companies' 
    }, 
    children: [ 
     { 
      path: '', 
      component: CompaniesComponent, 
     }, 
     { 
      path: ':company', 
      component: CompanyComponent, 
      data: { 
       title: 'Company' 
      } 
     }, 
     { 
      path: '**', 
      component: CompaniesComponent, 
      data: { 
       title: 'Company' 
      } 
     } 
    ] 
} 

もう一つは、 '**' companies.routing.tsでは動作しません。

答えて

1

私はこの問題を解決しました。

私のindex.htmlには、<base href="./">があります。 私のページをリロードすると、CSSファイルはルートディレクトリではなく会社にディレクトリを変更し、CSSファイルを取得できませんでした。

右パス:127.0.0.1:4200/myfile.css

実際のパス:127.0.0.1:4200/companies/myfile.css

私は<base href="/">

によって私 index.htmlにベースHREFを変更