如何制作与 DI 一起工作的类装饰器

Question

我想装饰我的班级

@params({
  url: '/books'
})
@Injectable()
export class BooksResource {
  constructor(@Inject(HttpClient) protected http: HttpClient) {}
  get() {
    return this.http.get(this.url)
  }
}

通过自定义 @params 装饰器

function params(options) {
  return (target) {
    const original = target;

    function construct(constructor, args) {
      const c: any = function () {
        return constructor.apply(this, args);
      };
      c.prototype = constructor.prototype;
      return new c();
    }

    const newConstructor: any = function (...args) {
      const instance = construct(original, args);

      instance.url = options.url;

      return instance;
    };

    newConstructor.prototype = target.prototype;

    return newConstructor;
  }
}

我用自定义构造函数尝试了一百万种变体，但它们不适用于注入的参数

原始构造函数很好用

function params(options) {
  return (target) {
    return target
  }
}

如何解决？ 游乐场：https://embed.plnkr.co/opnY3y/

Answer 1

Angular 对继承非常严格。我不确定它是否适用于 AOT，但在您的 plunker 中您可以使用以下装饰器：

function params(options) {
  return (target) => {
    const original = target;

    const newConstructor: any = function newCtor(...args) {
      const c: any = function childConstuctor() {
        return original.apply(this, arguments);
      };
      c.prototype = Object.create(original.prototype);
      const instance = new c(...args);

      instance.url = options.url;

      return instance;
    };

    newConstructor.prototype = Object.create(target.prototype);
    return newConstructor;
  }
}

注意：函数名是必需的

Forked Plunker