只为angular 2中修改过的url加载数据

在Angular 2中，如果要修改URL并加载数据，可以使用Angular的路由器模块来实现。路由器模块提供了一种将URL与组件关联起来的机制，使得在不同的URL下加载不同的组件和数据成为可能。

首先，需要在Angular应用中引入路由器模块。可以通过以下步骤来完成：

1. 在应用的根模块（通常是AppModule）中导入RouterModule和Routes：

import { RouterModule, Routes } from '@angular/router';

1. 定义一个路由配置数组，其中每个路由对象都包含一个路径和一个组件：

const routes: Routes = [
  { path: 'data', component: DataComponent }
];

1. 使用RouterModule的forRoot方法将路由配置数组传递给应用的根模块：

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppModule { }

接下来，可以在需要修改URL并加载数据的组件中使用路由器模块。假设我们有一个名为DataComponent的组件，可以按照以下步骤进行操作：

1. 在DataComponent所在的模块中导入RouterModule和Routes：

import { RouterModule, Routes } from '@angular/router';

1. 在路由配置数组中添加一个新的路由对象，指定路径和组件：

const routes: Routes = [
  { path: 'data', component: DataComponent }
];

1. 使用RouterModule的forChild方法将路由配置数组传递给DataComponent所在的模块：

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class DataModule { }

1. 在DataComponent中使用ActivatedRoute服务来获取URL参数和订阅URL的变化：

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  this.route.params.subscribe(params => {
    // 根据URL参数加载数据
    const id = params['id'];
    // 加载数据的逻辑
  });
}

通过上述步骤，当URL中的路径为'/data'时，Angular会自动加载DataComponent，并且可以通过URL参数来加载相应的数据。

在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来部署和运行Angular应用。云服务器提供了稳定可靠的计算资源，可以满足应用的运行需求。您可以通过以下链接了解腾讯云云服务器的相关产品和产品介绍：

• 腾讯云云服务器

请注意，以上答案仅供参考，具体的实现方式可能因应用需求和环境而有所不同。