Come iniettare in una classe genitore in Aurelia?

Question

Ho una classe genitore in cui desidero iniettare alcuni moduli, quindi ho alcune classi derivate in cui vorrei utilizzare questi moduli iniettati. Tuttavia nella classe derivata è necessario chiamare super() senza parametri, quindi i moduli iniettati nella classe genitore non sono definiti. Come si può fare?

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

Beh, appena trovato la soluzione, il modulo è in realtà iniettato nella classe derivata e passato al genitore attraverso super() chiamata:

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 !!! 
    } 
} 

Answer 2

La raccomandazione generale è di evitare l'ereditarietà, se possibile. Utilizzare invece la composizione. In questo caso:

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

C'è un sito web che spiegano, per me, un bel modo per farlo https://ilikekillnerds.com/2016/11/injection-inheritance-aurelia/

Ecco l'esempio:

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); 
    } 
}