有没有办法用新的注入类扩展子组件的构造函数而无需调用 super()？

Question

在 Angular 中，我有从父组件继承的子组件。这个父组件注入了多个类。我想用我在父类中不使用的注入类来扩展子组件。在此扩展之前，不需要实例化构造函数并调用super( *args* )。但是，当我尝试扩展构造函数时，我收到以下错误消息：

派生类的构造函数必须包含“超级”调用

有没有办法在通过注入扩展类时不需要调用超类？如果这个问题有什么不清楚的地方，请告诉我。

父组件

@Component({ template: '' })
export abstract class ParentComponent<T> implements OnInit, OnDestroy {

  constructor(
    protected formBuilder: FormBuilder,
    protected route: ActivatedRoute,
    protected snackBar: MatSnackBar,
    protected location: Location
  ) {
    const routeParams = this.route.snapshot.params;
    if (routeParams && routeParams.id) {
      this.subjectId = this.route.snapshot.params.id;
    }
  }
}

子组件

export class ChildComponent extends ParentComponent<MyT> {
  constructor(
    /** I want to extend with the following service */
    protected myService: Service
  ) {
       // But as I instantiate this constructor, I also need to call super() with the required params
  }
}

问题扩展

扩展我的问题；我不确定超类参数的双重导入并传递它是否是开销。这个问题的主要原因是因为我尽量保持代码干净，并尝试克服重复代码。为了在super调用中提供注入类而重复导入感觉有点没用。

Answer 1

我想你害怕把所有的东西都注入你的父母。这就是为什么你需要这种行为。恐怕角DI没有这样的选择。您可以做的最好的事情是所有组件的通用样式注入Injector而不是其依赖项，然后通过注入器获取所有依赖项。

 class Parent {
   private myService = this.injector.get(MyService)
     private myService2 = this.injector.get(MyService2)
   constructor(@Inject(INJECTOR) injector: Injector){}
}
class Child extends Parent {
 constructor(@Inject(INJECTOR) injector: Injector) {
 super(injector);
  }
}

如果 Parent 在所有这些情况下都不是组件，则可以在其构造函数中省略 @Inject(INJECTOR)

Answer 2

在阅读了您的问题几次后，我不确定您是否理解这一点，因此我将其发布为答案。

你可以扩展你的父类并添加一个服务，但你仍然需要调用父类的构造函数。这是不可避免的。你不需要重新注入任何东西，尽管你仍然需要声明它们，至少。

您孩子的构造函数应该如下所示：

constructor(
  formBuilder: FormBuilder,
  route: ActivatedRoute,
  snackBar: MatSnackBar,
  location: Location,
  protected myService: Service // note the "protected" here but not above
) {
  super(formBuilder, route, snackBar, location);
}

子构造函数的非protected 参数本质上是“传递”，可以说，是对你父母应该注入的声明。没有任何东西被双重注射或类似的东西。