我希望matInput在触摸时不显示错误，但没有内容

<mat-form-field>
  <input matInput [formControl]="myFormControl" placeholder="请输入内容">
</mat-form-field>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myFormControl = new FormControl('', Validators.required);
}

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myFormControl = new FormControl('', Validators.required);

  onInputTouch() {
    this.myFormControl.markAsTouched();
  }
}

<mat-form-field>
  <input matInput [formControl]="myFormControl" placeholder="请输入内容" (touchstart)="onInputTouch()">
</mat-form-field>