Angular Проверка входного шаблона,. Невозможно прочитать свойство 'match' неопределенного

Question

Привет, у меня есть поле ввода с шаблоном, я пишу условие if для проверки шаблона, но когда я нажимаю кнопку «Сохранить», он показывает. Шаблон соответствия не определен как исправить эту ошибку, я хочу проверить как, когда ввод пуст, так и когда шаблон не совпадает

                      <input
                      #bankName="ngModel"
                      type="text"
                      class="form-control ng-pristine ng-invalid ng-invalid-required"
                      [(ngModel)]="item.local_institution_name"
                      name="LocalinstitutionNameChina"
                      [pattern]="chinaValidator"
                      [ngClass]="{
                       invalid:
                       (submitted && (bankName.errors?.pattern || bankName.errors?.required)) ||
                       (bankName.errors?.pattern && item.institution_name == true)
                      }"
                    />
 if (
      payload.item.chinaCase &&
      payload.item.routingLabel == 'CNAPS Code' &&
      payload.item.local_institution_name ==='' || 
      payload.item.local_institution_name === null ||
      payload.item.local_institution_name ===undefined &&
      !payload.item.local_institution_name.match(this.chinaValidator)

    ) {
      this.loader = false;
      this.toaster.pop('error', `Bank Name`, `Invalid:  should be Simplified Chinese characters - 简化字`);
      return;

    }