2016-10-03 9 views
4

角度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> 

他に何かがありますか?

私のコンポーネントはかなり私がやっていた

+0

Authguardサービスこれと何か関係がありますか?その影響を与えるかどうかを確認するロジックを削除してみてください。 – Bean0341

+0

appRoutesの最後に{path: '**'、redirectTo: ''}を追加して、ルート以外のパスに移動しようとしてください。これがメインにリダイレクトされているかどうか確認してください。ログインして確認してください。 – ulou

+0

@ulou私はそれを試しましたが、変更はありません。 – hamobi

答えて

1

何も働いていないこの段階では、空のシェルです。

私はここの手順に従っ: https://github.com/angular/angular-cli#updating-angular-cli

は、あなたが最終リリースを使用している場合、これはそれがものになるかどうかで、すべて

+0

Angular cliを更新しても、何が問題なのかを指摘する必要があります。それだけでcliを更新することはできません!プロジェクトで変更する必要があるタイスクリプト設定が必要です。 – Ichorville

-1

を固定しているようだ:

[routerLink]="['login']"

(また先導がないことに気づく/

関連する問題