禁用的属性不适用于模式

Question

我只对数字和点使用 matInput 和模式

 <mat-form-field>
      <mat-label>Table Number</mat-label>
      <input matInput placeholder="Enter Table Number"
      pattern="^\d+(\.\d+)*$"  [(ngModel)]="newStudy.tableNo">             
  </mat-form-field>
  
  
  <input type="button" class="body-popup-btn" value="Save" [disabled]="!pattern" (click)="onSubmitClick()" style="background: #1d5f93;">

但是即使模式正确，按钮也不会再次启用。

需要快速解决方案！！！！