如何在反应式表单中处理法国数字的最小数字验证？

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-reactive-form',
  templateUrl: './reactive-form.component.html',
  styleUrls: ['./reactive-form.component.css']
})
export class ReactiveFormComponent {
  form: FormGroup;

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      numberInput: ['', [
        Validators.required,
        this.customMinValidator(100) // 设置最小值为100
      ]]
    });
  }

  customMinValidator(min: number): ValidatorFn {
    return (control: AbstractControl): ValidationErrors | null => {
      const value = control.value;
      if (value === null || value === undefined || value === '') {
        return null;
      }
      // 移除逗号并转换为数字
      const numericValue = parseFloat(value.replace(/,/g, ''));
      if (isNaN(numericValue)) {
        return { invalidNumber: true };
      }
      return numericValue >= min ? null : { minValueExceeded: { min } };
    };
  }

  onSubmit() {
    if (this.form.valid) {
      console.log('Form submitted:', this.form.value);
    } else {
      console.log('Form is invalid');
    }
  }
}

<form [formGroup]="form" (ngSubmit)="onSubmit()">
  <input formControlName="numberInput" placeholder="Enter a number">
  <div *ngIf="form.get('numberInput').errors?.required">
    Number is required.
  </div>
  <div *ngIf="form.get('numberInput').errors?.invalidNumber">
    Invalid number format.
  </div>
  <div *ngIf="form.get('numberInput').errors?.minValueExceeded">
    Number must be at least {{ form.get('numberInput').errors.minValueExceeded.min }}.
  </div>
  <button type="submit">Submit</button>
</form>