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, "*");
}

在Angular指令中使用replace

1 个答案: