<mat-error> Отображается только при прикосновении к элементу управления from - угловой материал

Question

У меня есть две реактивные формы внутри моего углового приложения.
Я хочу показать сообщение <mat-error> условно.
Внутри моей первой формы мне удается сделать это без проблем, но во второй она показывает толькопри прикосновении к элементу управления формой.

Первая форма работает как следует

 <!-- Location type field-->
      <div class="form-container__form__field">
        <mat-form-field class="form-input">
          <input type="text" autocomplete="on" 
          formControlName="placeType" 
          matInput 
          placeholder="*סוג המקום">
          <mat-error *ngIf="formSubmitted &&
           newPlannerForm.controls['placeType'].errors">
           חובה למלא את סוג המקום!</mat-error>
        </mat-form-field>
      </div>

Вторая отображается только при прикосновении к элементу управления

<mat-form-field 
class="inner-container__form__inputs__personal-info__input__field">
              <input 
              matInput 
              placeholder="*שם" maxlength="40" type="text" 
              formControlName="name" autocomplete="off">
              <mat-error 
                *ngIf="workingTimeSubmitted && 
                teamCreationForm.get('name').hasError('required')">
                יש למלא את שם איש הצוות!
              </mat-error>
    </mat-form-field>