Question

我添加了路由到我的angular 2应用程序以从URL读取查询参数。该网址类似于www.myapp.com/projectName/myPage.html?query1=firstName。在我的路由代码中，我有：

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { routingComponent } from './app.adminPage';

// Route Configuration
export const routes: Routes = [
  { path: 'myPage.html', component: routingComponent}
];


export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

我的例子非常简单，因为我使用的路由是从页面读取查询参数。但是，当我点击www.myapp.com/projectName/myPage.html?query1=firstName并路由并投放我的组件时，网址会更改为www.myapp.com/projectName/，这意味着如果用户刷新，则会将其加载回我的目标网页。我有另一个页面使用路由到准备查询参数不执行此操作，所以我很好奇为什么这个页面这样做。有办法阻止这个吗？

Answer 1

export const routes: Routes = [ { path: 'myPage/:query1', component: routingComponent} ];

在路径中设置参数现在使用URL调用组件 www.myapp.com/projectName/myPage/firstname

Angular 2路由删除URL路径

1 个答案: