私はrouter-deprecatedから "@ angle/router": "3.0.0-alpha.8"にアップグレードしました。私はアプリケーション内ですべての作業をしていますが、URLに移動すると機能しません。このURLを生成angular2新しいルータがURLからロードされていません
<a [routerLink]="['/app/dashboard']">DashBoard</a>
:
そして、問題なくそのビューロード
は例えば、私はこのrouterLinkを使用しています。
しかし、ブラウザにそのURLを入力してreturnキーを押すと、空白のページが表示されます。コンソールとソースには何も表示されません。
私はハッシュ(#)ではなく、デフォルトのHTML5ロケーション戦略を使用しています。
これはルータで廃止されました。
他のすべてが動作しているので、私が間違っていることが分かりません。
フィルURLに移動すると、コンソールに404エラーが表示されます。これは、サーバー上の何もこのURLと一致しないためですが、アプリケーションをロードしてからそのURLにルーティングする必要があるためです。 app.routes.ts:
export const routes: RouterConfig = ([
{ path: '', component: SplashComponent },
{ path: 'login', component: SplashComponent },
...MainRoutes
]);
export const APP_ROUTER_PROVIDERS = [
provideRouter(routes)
];
main.routes.ts
export const MainRoutes: RouterConfig = [
{
path: 'app',
component: MainLayoutComponent,
children: [
{ path: 'dashboard', component: DashboardComponent},
{ path: '', component: DashboardComponent },
{ path: 'user', component: AccountEditComponent },
{ path: 'admin', component: ManageComponent }
]
}
];
あなたroutes.tsファイルを追加することができますか? –
フィルURLに移動すると、コンソールに404エラーが表示されます。これは、サーバー上の何もこのURLと一致しないためですが、アプリケーションをロードしてからそのURLにルーティングする必要があるためです。この情報で質問を更新しました。 –