Question

我有一个Angular 2.0.0 SPA，其中包含以下类型的app.routes.ts（简化）：

import { Routes } from '@angular/router';
import { Page1Component } from  './page1/page1.component';

export const ROUTES: Routes = [
  { path: "page1", component: Page1Component},
  { path: "page2", redirectTo: "page1"}
];

page1.module.ts：

import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { Page1Component } from './page1.component.ts';

export const routes = [
  { path: '', component: Page1Component, pathMatch: 'full' }
];

@NgModule({
  declarations: [
    Page1Component
  ],
  imports: [
    CommonModule,
    FormsModule,
    RouterModule.forChild(routes),
  ]
})
export default class Page1Module {
  static routes = routes;
}

这样，转到http://localhost:3000/#/page2会加载page1，但路径不会更改为page1。如果我重新加载页面，则网址会更改为http://localhost:3000/#/page2。

有什么问题/如何解决这个问题？

Angular 2：重定向路由更改组件但不替换URL

0 个答案: