将选项传递给孩子时，ngFor应该更慢吗？

Question

我创建了一个选择组件，因为我的代码中有大量的选择输入。我正在向这个组件传递一个巨大的＆＃34; 1550＆＃34;像后面的行。

<app-selectfield
 class="col-sm-5"
 [name]="'city'"
 [(value)]="city"
 [options]="listOfCities"
></app-selectfield>

当用户打开模态时应该请求此列表（此输入选择是进入该模态）。 Idk为什么，但是当我尝试打开这个模态时，显示需要2-3秒。最大的问题是，当我只使用select到父组件并且不将数据传递到一个子组件时，模式不会花费任何时间来打开。

子：

<select
  type="text"
  [(ngModel)]="value"
  (ngModelChange)="valueChange.emit($event)"
>
  <option [ngValue]="undefined" disabled  selected>-- {{placeholder}} --</option>
  <option *ngFor="let option of options" [ngValue]="option">{{option[valor]}}</option>
</select>

抱歉英语不好

更新：这是我打开模态的地方（在父组件中）

openModal(item:any) {
  if(item.id) {
    this.companyService.getCompany(item.id)
      .subscribe((res: any) => {
        this.company = res;
        this.company.uf = this.company.city.uf;

        this.globalService.getCities(this.company.uf.id)
          .subscribe((res:any) => this.listOfCities = res);
    });
  } else {
    this.company = {};
  }

  if(this.ufList.length <= 1) {
    this.globalService.getUf()
      .subscribe((res: any[]) => res.map(response => this.UfList.push(response)));
  }
  this.lgModal.show();
}

孩子们只关心渲染物品。