angular - 使用 Angular Ivy 抽象 @Injectable 不起作用

Question

更新

此问题已打开问题 https://github.com/angular/angular/issues/34721

介绍

在 Angular 服务中使用装饰器提供 @Injectable .

@Injectable() // -> works
export class MyService {
  constructor() {}
}

抽象@Injectable

在 Ivy 之前，可以为 @Injectable 构建抽象(例如，用于动态配置提供者，增强服务类)。

以下代码段显示了一个示例 @Injectable可以包裹。

function InjectableEnhanced() {
  return <T extends new (...args: any[]) => InstanceType<T>>(target: T) => {
    Injectable({ providedIn: "root" })(target);
  };
}

使用装饰器 InjectableEnhanced (见上文)在 Ivy 启用时不起作用。
截断的以下代码会导致运行时错误。

@InjectableEnhanced() // -> does not work
export class MyService {
  constructor() {}
}

运行时错误

使用 @InjectableEnhanced 编译服务with angular/cli 有效，但浏览器中显示以下错误。对应的项目可以在 https://github.com/GregOnNet/ng-9-inject.git找到.



也许，Angular 编译器会进行一些代码转换，但无法再解析其他装饰器中的 @Injectable。
查看 angular 存储库，可以在 injectable.ts 中找到对 JIT 编译器的引用。 (见: https://github.com/angular/angular/blob/master/packages/core/src/di/injectable.ts#L14)。

题

还有办法抽象@Injectable吗？

用于复制的存储库

https://github.com/GregOnNet/ng-9-inject.git

Answer 1

可以使用一些 angular 的内部 API 创建自定义提供程序:

import { ɵɵdefineInjectable, ɵɵinject } from "@angular/core";

export function InjectableEnhanced() {
  return <T extends new (...args: any[]) => InstanceType<T>>(target: T) => {
    (target as any).ɵfac = function() {
      throw new Error("cannot create directly");
    };

    (target as any).ɵprov = ɵɵdefineInjectable({
      token: target,
      providedIn: "root",
      factory() {
        // ɵɵinject can be used to get dependency being already registered
        const dependency = ɵɵinject(Dependency); 
        return new target(dependency);
      }
    });
    return target;
  };
}

可以在 https://github.com/GregOnNet/ng-9-inject 找到工作示例