Hinzufügen einer großen Liste zu Ion wählen macht App langsam

Ich habe eine große Anzahl von Liste in meiner Ion-Optionen, die meine Ansicht sehr langsam macht, wenn ich 4 Elemente in Ion-Option hinzufügen meine Ansicht in meinem Handy arbeitet schnell, aber wenn ich eine große Anzahl von Liste in meine hTML-Datei hinzufügen, verlangsamt sich die App herunter,Hinzufügen einer großen Liste zu Ion wählen macht App langsam

<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>

gibt es irgendwelche Möglichkeiten, alle Länder zu laden und die App machen schnell zu arbeiten. Insgesamt haben wir 196 Land in der Welt, was soll ich tun, alles zu laden

Quelle

2017-02-27 Yokesh Varadhan

sind die Daten Ihrer Ionenoptionen dynamisch? Wenn dies der Fall ist, können Sie Ihren .ts-Dateicode anzeigen, so dass dies hilft –

Haben Sie eine Lösung gefunden? –

-2

Probieren Sie es

<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>

.ts

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

      ];

Quelle

2017-02-27 09:22:46 fongfuse

Ich habe eine Liste von etwa 100 Ländern, wenn ich versuche, mit Ihrer Methode zu laden meine App geht langsam, wo, wenn ich 4 laden seine schnelle @fongfuse –

Dies ist die Standardmethode, um eine Ionen-Auswahl zu erstellen, aber es antwortet nicht die Frage. – StinkyCat

Von dem, was ich im Internet gesucht habe ich gefunden keine echte, direkte Antwort auf dieses Problem.

jedoch daveshirman gibt einen guten Vorschlag auf ionic's github issue section:

Warum Sie wählen nicht mit der Suche Feld zu einem modalen Popup-Fenster ändern, die die Liste in einer virtuellen Liste Komponente hat. Fügen Sie eine Suche Feld und einen Rohrfilter zu.

Quelle

2017-05-05 17:02:50 StinkyCat

Hinzufügen einer großen Liste zu Ion wählen macht App langsam

Antwort

Verwandte Themen