NGX MASK дополнительные буквенно-цифровые символы занимают неверное место

Question

После нескольких попыток я не нашел решения, я хотел бы сделать маску.

Вот моя проблема:

Моя маска состоит:

• требуется 3 цифры
• 1 требуется место
• 1 alphanumeri c требуется
• 1 буква не требуется
• 1 требуется место
• Требуется 2 числа

Что я ожидаю:

• 123 AA 12
• 123 A 12
• 123 1 12
• 123 12 12

ниже моего кода:

side .ts

  fullName: string;
  pattern = {
    // tslint:disable-next-line: object-literal-key-quotes
    W: {
      pattern: new RegExp("[a-zA-Z]"), //uppercase and lowercase letters only
      optional: true
    },
    K: {
      pattern: new RegExp("[a-zA-Z0-9]"), //uppercase and lowercase alphanumerics only but optionnal
      optional: true
    },
    X: {
      pattern: new RegExp("[0-9]") // numerics only
    },
    E: {
      pattern: new RegExp("[ ]"),  //space only but optionnal
      optional: true
    }
  };

side. html

<input
    mask="XXX KWEXX"
    [(ngModel)]="fullName"
    [patterns]="pattern"
    [dropSpecialCharacters]="false"
  />
  <p>format : XXX KW AA</p>

  <br /><br />

  <p>{{ fullName }}</p>

когда я пишу 123 AA 12, все в порядке,

когда я пишу 123 A 12, «1» исчезает, а «2» занимает место.

У вас есть какие-либо советы, так что я могу найти решение?