Angular 向ion select添加一个大列表会使应用程序变慢

我的ion选项中有大量列表，这使得我的查看速度非常慢，如果我在ion选项中添加4个项目，我的手机中的查看速度会很快，但当我在html文件中添加大量列表时，应用程序速度会减慢

<ion-item>
                <ion-label style="color: black;" >Country</ion-label>
                <ion-select name="Country" placeholder="select a Country" [(ngModel)]="Country" required>
                    <ion-option value="United States">United States</ion-option>
                    <ion-option value="Afghanistan">Afghanistan</ion-option>
                    <ion-option value="Albania">Albania</ion-option>
                    <ion-option value="Algeria">Algeria</ion-option>
                .
                ./* list of all countries are needed */
                .                    
                </ion-select>
            </ion-item>

是否有可能加载所有国家/地区并使应用程序快速运行。 世界上总共有196个国家，我应该怎么做才能加载所有内容呢

  <ion-label>Country</ion-label>
      <ion-select [(ngModel)]="Country" placeholder="select a Country">
        <ion-option value={{item.val}} *ngFor="let item of options">{{item.name}}</ion-option>
      </ion-select>

---

从我在互联网上的搜索中，我没有找到这个问题的真实、直接的答案

然而，daveshirman在以下方面给出了一个很好的建议：

为什么不将选择更改为带有搜索的模式窗口弹出窗口 在虚拟列表组件中包含列表的字段。添加搜索 现场和管道过滤器也

---

你的离子选项数据是动态的吗？如果是的话，可以显示你的.ts文件代码，这将有助于你找到解决方案吗？我有一个大约100个国家的列表，当我尝试使用你的方法加载时，我的应用程序会变慢，如果我加载4它的快速@FongFuse，这是创建离子选择的标准方法，但它没有回答问题。

    public val;
    public options =  [
              {
                "name": "United States",
                "val" : "United States"
              },
              {
                "name": "Afghanistan",
                "val" : "Afghanistan"
              },
              {
                "name": "Albania",
                "val" : "Albania"
              },
              {
                "name": "Algeria",
                "val" : "Algeria"
              }

            ];