0
我有以下建立(遺漏了東西爲簡單起見):Angular2路由功能模塊重定向到內
app/
*app-routing.module
*app.component
*dashboard/
*dashboard-routing.module
*dashboard.component
*dashboard-home/
*dashboard-home.component
和相關的代碼:
儀表板的路由選擇:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
// owned components
import { DashboardComponent } from './dashboard.component';
import { DashboardHomeComponent } from './dashboard-home/index';
// guards
import { AuthGuard } from '../core/index';
export const dashboardRoutedComponents = [DashboardComponent, DashboardHomeComponent];
const routes: Routes = [
{ path: '', redirectTo: '/dashboard/home', pathMatch: 'full' },
{
path: 'dashboard',
component: DashboardComponent,
canActivate: [AuthGuard],
children: [
{
path: 'home',
component: DashboardHomeComponent
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class DashboardRoutingModule { }
app-routing:
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
// guards
import { AuthGuard } from './core/index';
@NgModule({
imports: [
RouterModule.forRoot([
{path: '', redirectTo: 'dashboard', pathMatch: 'full', canActivate: [AuthGuard] }
])
],
exports: [
RouterModule
]
})
export class AppRoutingModule {}
export const appRoutedComponents = [];
我的問題是,當我導航到localhost:4200
時,它將我重定向到localhost:4200/dashboard
。如果我然後刷新頁面,它會將我從localhost:4200/dashboard
重定向到localhost:4200/dashboard/home
。任何想法如何讓它從localhost:4200
直接跳到localhost:4200/dashboard/home
??
問候