如何在Angular 7中返回带参数的路由

在Angular 7中，可以使用路由参数来传递数据。以下是在Angular 7中返回带参数的路由的步骤：

1. 首先，在定义路由时，需要在路由路径中指定参数的占位符。例如，如果要传递一个名为id的参数，可以在路由路径中使用:id作为占位符。示例代码如下：

const routes: Routes = [
  { path: 'example/:id', component: ExampleComponent }
];

1. 在组件中，可以使用ActivatedRoute服务来获取路由参数。首先，在组件的构造函数中注入ActivatedRoute服务，并导入它。示例代码如下：

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

constructor(private route: ActivatedRoute) { }

1. 然后，在组件的ngOnInit()方法中，可以使用route.snapshot.params对象来获取路由参数的值。示例代码如下：

ngOnInit() {
  const id = this.route.snapshot.params['id'];
  // 使用获取到的参数进行相应的操作
}

1. 如果需要在组件中动态地响应参数的变化，可以订阅params参数的Observable对象。示例代码如下：

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

ngOnInit() {
  this.route.params.subscribe((params: Params) => {
    const id = params['id'];
    // 使用获取到的参数进行相应的操作
  });
}

通过以上步骤，你可以在Angular 7中返回带参数的路由。请注意，以上示例中的参数名为id，你可以根据实际需求修改参数名。另外，如果需要传递多个参数，可以在路由路径中使用多个占位符，并在组件中获取它们。

关于Angular 7的更多信息和详细用法，请参考腾讯云的Angular产品文档：Angular产品介绍。