angular 7路由到相同组件但不同的参数不起作用

Angular 7是一种流行的前端开发框架，它提供了强大的路由功能来管理应用程序的不同页面和组件之间的导航。在Angular中，路由器负责解析URL，并根据定义的路由配置加载相应的组件。

对于路由到相同组件但不同参数不起作用的问题，可能是由于Angular的路由器默认情况下不会重新加载相同的组件。这是为了提高性能和避免不必要的组件重新初始化。然而，我们可以通过订阅路由参数的变化来实现在相同组件中根据不同参数进行不同的操作。

以下是解决该问题的步骤：

1. 在组件中导入ActivatedRoute和Params：

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

1. 在组件的构造函数中注入ActivatedRoute：

constructor(private route: ActivatedRoute) { }

1. 在组件的ngOnInit生命周期钩子中订阅路由参数的变化：

ngOnInit() {
  this.route.params.subscribe((params: Params) => {
    // 在这里根据不同的参数进行相应的操作
    const id = params['id']; // 假设参数名为'id'
    // 执行其他逻辑
  });
}

通过上述步骤，我们可以在相同的组件中根据不同的参数进行不同的操作。当路由参数发生变化时，params对象将包含最新的参数值，我们可以根据需要提取和使用这些参数。

关于Angular的路由和参数订阅的更多信息，可以参考腾讯云的相关文档和示例代码：

• Angular 路由
• Angular 路由参数订阅

请注意，以上提供的是腾讯云的相关文档和示例链接，仅供参考。在实际开发中，您可以根据自己的需求选择适合的云计算服务提供商。