Ограничить точку на пустом поле ввода

Question

У меня есть поле ввода мата в угловом 6, в котором я собираюсь ограничить (.) Точку на пустом поле. если значение представляет точку, необходимо разрешить в противном случае, если пустое поле ввода означает, что должно выдаваться сообщение об ошибке «точка не разрешена»

как добиться этого в угловых 6

Кто-нибудь, помогите мне, пожалуйста ...

<mat-form-field floatLabel="never" class="full-width transparent-form">
    <input matInput name="hoursSpent" required #workedHoursValidation="ngModel"
           placeholder="Worked hours:e.g:1.5 (or) 1" class="w-100" appNumberAloneMask [form]="form"
           [ngModel]="newTaskHours" (input)="onSearchChange($event.target.value)" (ngModelChange)="newTaskHours = form.value.hoursSpent">
    <mat-error *ngIf="workedHoursValidation.hasError('required')">Required</mat-error>
</mat-form-field>

Answer 1

Вы можете использовать шаблон (выражение регулярного выражения) в вашей форме, вот пример:

Валидатор, которому требуется, чтобы значение элемента управления соответствовало шаблону регулярных выражений. Этот валидатор также предоставляется по умолчанию, если вы используете HTML5 Атрибут шаблона.

const myForm = new FormGroup(
  {
    'hoursSpent': new FormControl(this.hero.name, [Validators.pattern('^[0-9]+\.?[0-9]*$')])
  }
);

Вы можете найти больше информации об угловой проверке здесь и, в частности, проверка шаблона