角度掩码 - 字符串操作

Question

我需要有可能通过小写字母和数字的输入字段。我可以像这样使用自定义掩码：

customPattern = { 'a': { pattern: new RegExp('[a-z0-9]')}};

此掩码不允许插入大写字母。这是我需要的……但是……

我还需要能够键入字母，例如意外激活的大写锁定。 当我输入 'A' 时，它必须在输入字段中显示 'a'。

---

更新：

我需要更改输入字段的值，而不仅仅是显示该值的格式...我通过 validate(control: AbstractControl) 方法将此值从组件传递给验证器以进行进一步验证。 ..所以我需要改变控制的价值。

Answer 1

您可以像下面这样使用输入的 value 属性。

 <input name="name" [value]="name.toLowerCase()" [(ngModel)]="name" (change)="update()">

update() {
      if (this.name) {
          this.name = this.name.toLowerCase();
      }
    }

演示 - https://stackblitz.com/edit/angular-6-reactive-forms-rfa37f