Угловой 4 и машинопись

Question

Мне нужно проверить текстовое поле, которое присутствует в форме, где я не хочу, чтобы пользователь вводил пробелы изначально, и оно должно начинаться с буквенно-цифрового, а затем мы можем добавить пробелы между текстом.

я пишукод регулярного выражения в машинописи, но он не работает для меня.

я вызываю метод allowAlphaNumeric при нажатии клавиши в элементе управления вводом

allowAlphaNumeric(event) {
        return event && event.key && event.key.match(this.regExpAlphaNumeric) ? true : false;
    }

<input class="form-control ip-box-css" type="text" formControlName = "campaignName" id="campaignName" (keypress)="allowAlphaNumeric($event)" maxlength="30" placeholder="Enter" required>

where regExpAlphaNumeric: string = '^[^-\s][a-zA-Z0-9_\s-]+$';

проблема в том, что выражение регулярного выражения не рассматривается как строка

Пожалуйста, предоставьте некоторые предложения, чтобы они работали в файле .ts (машинопись)

Answer 1

Создание элемента управления формы (или элемента управления в форме группы)

textboxToValidate: FormControl = new FormControl('', [
  Validators.required,
  Validators.pattern(/^[^-\s][a-zA-Z0-9_\s-]+$/)
]);

Эти встроенные классы можно импортировать из модуля формы

import { FormControl, Validators } from '@angular/forms';