角度2のプロジェクトでルーティングを設定しました。これは過去に私にとっては一度も問題にはなりませんでしたが、私はこの新しいバージョンの角度には問題があります。角度2 - URLを使用して直接経路に移動することはできません
ルートへのリンクをクリックしても問題はありません。しかし、私のルート以外のルートに行く場合(/)
私のアプリは、読み込み画面にスタックされます。私は動けなくURLを通じて/login
に移動しようとするたびに..
関連ファイル
app.routes.ts
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DashboardComponent } from './dashboard/dashboard.component'
import { LoginComponent } from './login/login.component'
import { AuthGuard } from './auth-guard.service'
const appRoutes: Routes = [
{ path: '', component: DashboardComponent},
{ path: 'login', component: LoginComponent },
]
export const appRoutingProviders: any[] = [
];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes)
app.module.ts
@NgModule({
declarations: [
AppComponent,
LoginComponent,
DashboardComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing,
StoreModule.provideStore({user})
],
providers: [
AuthGuard,
AuthService,
appRoutingProviders
],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.html
<div id="header">
<img src="app/assets/img/irs-logo.png" alt="irs">
</div>
<nav>
<a routerLink="/login" routerLinkActive="active">login</a>
<a routerLink="/" routerLinkActive="active">dashboard</a>
</nav>
<div id="body" class="container body">
<router-outlet></router-outlet>
</div>
他に何かがありますか?
私のコンポーネントはかなり私がやっていた
Authguardサービスこれと何か関係がありますか?その影響を与えるかどうかを確認するロジックを削除してみてください。 – Bean0341
appRoutesの最後に{path: '**'、redirectTo: ''}を追加して、ルート以外のパスに移動しようとしてください。これがメインにリダイレクトされているかどうか確認してください。ログインして確認してください。 – ulou
@ulou私はそれを試しましたが、変更はありません。 – hamobi