angular - Renderer2 angular 中的 invokeElementMethod

标签 angular typescript angular-renderer2 angular-renderer

语境 Angular 项目
我有以下片段:

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 中的方法?

最佳答案

来自 migration guide ,看来以下替换应该有效

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

关于angular - Renderer2 angular 中的 invokeElementMethod,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60911498/

相关文章:

javascript - 如何将输入的数据从一个html文件移动到其ts文件,然后移动到另一个组件文件?

javascript - 使用 Angular Directive(指令)更改选定的列表元素颜色

typescript - 测试异步函数以使用 mocha 抛出

javascript - 带渲染器的 Angular 2+ CSS 自定义属性(变量)

javascript - Renderer2 错误 - id 与任何元素都不匹配

angular - 在 Jasmine 中测试具有构造函数方法的 Angular2 管道

javascript - 为什么 Angular 2 或 Angular 4 使用香蕉括号?有什么具体原因吗?为什么他们不遵循与 Angular 1 相同的模式?

javascript - NestJS 共享库

typescript :从模块导入默认导出

Angular 结构指令和 Renderer2