2

我想知道如何为输入字段创建带有正则表达式的掩码。

我需要在字段中添加一些掩码，例如：yyyy/yyyy。这听起来像一个时期。

我看到了一个使用 Angular2 中的管道创建掩码的链接。这是链接。

所以，我想用不同的正则表达式创建一个管道，以允许用户只写这个： yyyy/yyyy ; 并使用管道中的变换方法。这可能吗？

这是我的管道和格式化程序：

import { Pipe, PipeTransform } from "@angular/core";
@Pipe({ name: "mypipe" })
export class MyPipe implements PipeTransform {
  private SEPARATOR: string;
  constructor() {
    this.SEPARATOR = "/";
  }
  transform(value): string {
    let integer = (value || "").toString();
    // Here is where the code should be, to transform the value
    return integer;
  }
  transform(value): string {
    // parse method
  }
}

import { Directive, HostListener, ElementRef, OnInit } from "@angular/core";
// import { MyPipe } from ...
@Directive({ selector: "[myFormatter]" })
export class MyFormatterDirective implements OnInit {
  private el: HTMLInputElement;
  constructor(
    private elementRef: ElementRef,
    private mypipe: MyPipe
  ) {
    this.el = this.elementRef.nativeElement;
  }
  ngOnInit() {
    this.el.value = this.mypipe.transform(this.el.value);
  }
  @HostListener("keydown", ["$event.target.value"])
  handleKeyboardEvent(value) {
    this.el.value = this.mypipe.transform(value);
  }
}
4

0 回答 0