如何在 Aurelia 中注入父类？

Question

我有一个父类，我想在其中注入一些模块，然后我有一些派生类，我想在其中使用这些注入的模块。 但是在派生类中，您必须在不带参数的情况下调用super()，因此父类中的注入模块是未定义的。 这怎么可能？

import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-http-client';

@inject (HttpClient)
export class Parent{
   constructor(module){
       //this constructor is called from derived class without parameters,
       //so 'module' is undefined !!
       this.injectedmodule = module;
   }
}


export class ClassA extends Parent{
    constructor(){
       super();
       this.injectedmodule.get()  // injectedmodule is null !!!   
    }
}

Answer 1

对我来说，有一个网站解释了一个很好的方法来做到这一点 https://ilikekillnerds.com/2016/11/injection-inheritance-aurelia/

示例如下：

import {inject} from 'aurelia-framework';
import {Router} from 'aurelia-router';

@inject(Router)
export class Parent {
    constructor(router) {
        this.router = router;
    }
}


import {Parent} from './parent';

export class Child extends Parent {
    constructor(...rest) {
        super(...rest);
    }
}

Answer 2

一般建议是尽可能避免继承。改为使用合成。在这种情况下：

import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-http-client';

@inject (HttpClient)
export class Parent{
    constructor(module){
       this.injectedmodule = module;
    }
}

@inject(Parent)
export class ClassA {
    constructor(parent){
       this.parent = parent;
       this.parent.injectedmodule.get()  // ok !!!   
    }
}

Answer 3

嗯，刚刚找到了解决办法，模块实际上是注入到派生类中，通过super()调用传递给父类的：

import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-http-client';

@inject (HttpClient)
export class Parent{
    constructor(module){
       this.injectedmodule = module;
    }
}


export class ClassA extends Parent{
    constructor(module){
       super(module);
       this.injectedmodule.get()  // ok !!!   
    }
}