Свойство controls не существует для типа AbstractControl - angular8

Question

В компоненте, который у меня есть

  @Input() CaseFormIn: FormGroup;
get f() { return this.CaseFormIn.controls; }

В шаблоне

 <div class="error-message" *ngIf="this.f.generalInfoFormGroup.controls.primaryStore.touched&&this.f.generalInfoFormGroup.controls.primaryStore.errors">
           Primary Store is a Required Field.
        </div>

в коде разработки работает нормально, но ошибка ниже в режиме prod Свойство 'controls' не существует для типа ' AbstractControl '.

Answer 1

Angular показать такую ​​проблему, когда у вас есть ошибка в коде. Иногда информации нет ... Также хорошей практикой является создание нескольких геттеров для элементов управления.

Answer 2

попробуйте

get primaryStore() { return (this.CaseFormIn.controls.generalInfoFormGroup as FormGroup).controls.primaryStore; }

и в шаблоне

 <div class="error-message" *ngIf="primaryStore.touched && primaryStore.errors">
      Primary Store is a Required Field.
 </div>