如何在angular中进行验证，这样输入就可以在模板法中只接受数字

<form #myForm="ngForm">
  <input type="text" name="myInput" [(ngModel)]="myInputValue" pattern="[0-9]*" required>
  <button type="submit" [disabled]="!myForm.valid">Submit</button>
</form>

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myInputValue: string;

  onSubmit() {
    if (!isNaN(Number(this.myInputValue))) {
      // 处理输入为数字的情况
    } else {
      // 处理输入不为数字的情况
    }
  }
}