Aurelia:部门。无法在派生 类 上注入? (或者我做错了什么?!)

Aurelia: Dep. Injection on derived classes not possible? (or what am I doing wrong?!)

场景:我有两个派生的 class 都扩展了 ActionBase class,如下所示。我想对两个派生的 classes 使用 DI。但是两个 classes 都有不同的依赖关系。应该可以吧?那我做错了什么?在这两种情况下,注入的 instances/modules 都是 'undefined'。任何 help/hint 表示赞赏。

/*
 * Base class for Actions
 */

export class ActionBase {

  type;

  constructor(type) {
    this.type = type;
  }
}





/*
 * Derived Class: InsertAction
 */

import {inject} from 'aurelia-framework';
import {ActionBase} from './ActionBase';
import {PomManager} from '../manager/PomManager';

@inject(PomManager)
export class InsertAction extends ActionBase {

  pomManager;

  constructor(pomManager) {
    super("insert");
    this.pomManager = pomManager;
    console.log("[InsertAction:constructor] pomManager: ", this.pomManager); // undefined
  }
}





/*
 * Derived Class: RenderAction
 */

import {inject} from 'aurelia-framework';
import {ActionBase} from './ActionBase';
import {AnotherManager} from '../manager/AnotherManager';

@inject(AnotherManager)
export class RenderAction extends ActionBase {

  anotherManager;

  constructor(anotherManager) {
    super("render");
    this.anotherManager = anotherManager;
    console.log("[RenderAction:constructor] anotherManager: ", this.anotherManager); // undefined
  }
}

支持。看看这个工作示例,其中 Action1 和 Action2 扩展了 BaseAction 并且每个都采用不同的依赖关系。

举个例子:https://gist.run?id=0efabf77c649f41981dcde753fdc542c

app.js

import {inject} from 'aurelia-dependency-injection'
import {Action1, Action2} from './classes'

@inject(Action1, Action2)
export class App {
  constructor(a1, a2){
    this.message = "look at console output";
    console.log("a1",  a1.dep.constructor.name);
    console.log("a2",  a2.dep.constructor.name); 
  }
}

classes.js

import {inject} from 'aurelia-dependency-injection'
export class Action1Dependency {}
export class Action2Dependency {}

export class ActionBase{

}

@inject(Action1Dependency)
export class Action1 extends ActionBase{
  constructor(dep){
    super();
    this.dep = dep;
  }
}

@inject(Action2Dependency)
export class Action2 extends ActionBase{
  constructor(dep){
    super();
    this.dep = dep;
  }
}