如何使用angular限制输入数字范围？

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

@Component({
  selector: 'app-my-component',
  template: `
    <form [formGroup]="myForm">
      <input type="number" formControlName="myNumber">
      <div *ngIf="myForm.controls.myNumber.invalid && myForm.controls.myNumber.touched">
        <div *ngIf="myForm.controls.myNumber.errors.min">
          输入的值不能小于{{ minValue }}
        </div>
        <div *ngIf="myForm.controls.myNumber.errors.max">
          输入的值不能大于{{ maxValue }}
        </div>
      </div>
    </form>
  `,
})
export class MyComponent {
  myForm = this.fb.group({
    myNumber: ['', [Validators.min(this.minValue), Validators.max(this.maxValue)]],
  });

  minValue = 0;
  maxValue = 100;

  constructor(private fb: FormBuilder) {}
}