angular - TypeError：没有'new'就不能调用类构造函数DefaultValueAccessor

Question

有一些 Angular 第三方库提供内部扩展 DefaultValueAccessor类的指令。

当它们被导入到 TypeScript 编译目标设置为的项目中时es6，它们会停止工作并抛出错误：

TypeError：没有'new'就不能调用类构造函数DefaultValueAccessor

受此问题影响的不同库的示例：

• https://github.com/anein/angular2-trim-directive/issues/28
• https://github.com/khashayar/ng-trim-value-accessor/issues/12

一种解决方法是将库的源代码复制粘贴到我自己的项目中（而不是将库作为 npm 依赖项导入）。然而，由于显而易见的原因，这样做既不好也不方便。

如何在图书馆正确解决这个问题？

Answer 1

我已经通过制作课程implements ControlValueAccessor而不是extends DefaultValueAccessor.

因此，我还必须实现缺少的方法，所以我添加了以下内容：

import { ControlValueAccessor } from "@angular/forms";
// ...

export class MyClass implements ControlValueAccessor {

  // ...

  onChange = (_: any) => {};
  onTouched = () => {};

  // ...

  registerOnChange(fn: (_: any) => void): void { this.onChange = fn; }
  registerOnTouched(fn: () => void): void { this.onTouched = fn; }

  setDisabledState(isDisabled: boolean): void {
    this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
  }
}

请注意，这setDisabledState不是强制性的（ControlValueAccessor不会强制您实施它，但您需要它以保持disabled控件的状态正常工作。