Angular注入Params报错：无法解析MeldunekEditComponent参数

这个错误的核心原因是：你不能直接将Params作为依赖注入到组件的构造函数中。Angular的依赖注入（DI）系统找不到Params的提供者，因为它并不是一个可注入的服务——Params实际上是ActivatedRoute服务的一个属性（一个Observable对象），用来暴露路由参数。

正确的实现方式 #

你需要通过ActivatedRoute服务来获取路由参数，具体步骤如下：

1. 导入ActivatedRoute
   在你的MeldunekEditComponent文件顶部导入ActivatedRoute：

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

2. 注入ActivatedRoute并获取参数
   在构造函数中注入ActivatedRoute，然后通过它的snapshot.params（获取当前路由快照的参数）或者params Observable（订阅参数变化，适合同组件内路由参数更新的场景）来获取id：

   constructor(private route: ActivatedRoute) {
     // 方式1：获取静态快照参数（适合参数不会在组件生命周期内变化的情况）
     const meldunekId = this.route.snapshot.params['id'];
     console.log('当前编辑的ID:', meldunekId);
   
     // 方式2：订阅参数变化（适合参数可能在同组件内更新的场景，比如从一个ID跳转到另一个ID而不刷新组件）
     this.route.params.subscribe((params) => {
       const updatedId = params['id'];
       console.log('更新后的ID:', updatedId);
       // 这里可以触发数据重新加载等操作
     });
   }
   

补充说明 #

• Params本身是一个键值对类型（{ [key: string]: string }），它作为ActivatedRoute的属性存在，不是一个独立的可注入服务，所以直接注入会导致DI容器无法解析依赖，抛出你遇到的错误。
• 如果你的组件不需要响应参数变化，使用snapshot.params会更简单；如果需要在组件不销毁的情况下处理参数更新（比如在同一个列表页面切换不同项的编辑状态），则推荐使用params Observable订阅的方式。

内容的提问来源于stack exchange，提问作者Pawel