我想做一个表单生成器组件，我有如下设计表单字段类：

export type FormField<T, TDropDown = any> =
  | InputFormField<T>
  | DropdownFormField<TemplateStringsArray, TDropDown>;

export interface InputFormField<T> {
  key: Extract<keyof T, string>;
  type: 'string' | 'date' | 'number';
}

export interface DropdownFormField<T, TDropDown> {
  type: 'dropdown';
  key: Extract<keyof T, string>;
  dropdownItems: Observable<TDropDown[]>;
  dropdownItemTitleKey: keyof TDropDown;
  dropdownItemValueKey: keyof TDropDown;
}

因此，我有两种类型的表单字段。如果类型的表单字段是下拉式的，那么下拉项目必须填写，否则，这些字段是不必要的。
在HTML文件中，我使用了如下类型：

<div *ngFor="let item of formFields" nz-col nzXs="24" nzMd="12" nzLg="8">
  <nz-form-item>
    <nz-form-label>
       {{ item.key }}
    </nz-form-label>
    <nz-form-control>
      <ng-container [ngSwitch]="item.type">
        <nz-select
          *ngSwitchCase="'dropdown'"
          [formControlName]="item.key"
          nzShowSearch
        >
          <nz-option
            *ngFor="let option of item.dropdownItems | async"
            [nzLabel]="option[item.dropdownItemTitleKey]"
            [nzValue]="option[item.dropdownItemValueKey]"
          ></nz-option>
        </nz-select>
      </ng-container>
    </nz-form-control>
  </nz-form-item>
</div>

我已经使用 *ngSwitchCase="'dropdown'”来确保项目是下拉式项目，但仍然收到此错误：

Property 'dropdownItems' does not exist on type 'SarmadInputFormField<T>'

定义表单字段类并在组件HTML文件中使用它的正确方法是什么？