invokeElementMethod在Renderer2角

Question

上下文角计划

我有以下片段：

export class OnlyNumberDirective {
  constructor(private _el: ElementRef,private renderer:Renderer2) {
  }
  @HostListener('input', ['$event']) onInputChange(e) {
    this.renderer.invokeElementMethod(this._el.nativeElement, 'dispatchEvent', [event]);
  }
}

它使用Renderer，但是它被废弃了，现在我们有Renderer2了吗？

invokeElementMethod方法在Renderer2中的替代方法是什么

Answer 1

试试这个：

export class OnlyNumberDirective {
  constructor(private _el: ElementRef) {
  }
  @HostListener('input', ['$event']) onInputChange(e) {
    let event: Event = document.createEvent("Event");
    event.initEvent('input', true, true);
    Object.defineProperty(event, 'target', { value: this._el.nativeElement, enumerable: true });
    this._el.nativeElement.dispatchEvent(event);
  }
}

Answer 2

从迁移指南中看，下面的替换应该可以工作

(this._el.nativeElement as any)['dispatchEvent'].apply(this._el.nativeElement, [event]);