在 Angular 指令中使用替换

Question

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
  selector: '[mpnAadharDirective]'
})
export class GeneralDirective {

  constructor(private el: ElementRef) { }

  @HostListener('keyup') keyup() {
    console.log(this.el.nativeElement.value.replace(/\d(?=\d{4})/g, "*"))
  }
}

使用上面的代码，我试图替换 nativeElement 值，但我得到了打印的值，但它没有被替换。我需要一些帮助来解决这个问题。 谢谢。

Answer 1

替换事件目标值应该有效：

@HostListener('keyup', ['$event']) keyup(event) {
  event.target['value'] = this.el.nativeElement.value.replace(/\d(?=\d{4})/g, "*");
}