Sto costruendo un'app ibrida utilizzando ionic e AngularJS (materiale AngularJS). Questa app ha anche una chat integrata con Node.js e socket.io.AngularJS: ripetizione virtuale con riga con altezze diverse
Ho il problema ora che con solo 200 messaggi l'app si scarica molto lentamente per caricare tutti i messaggi (200 ms in Browser -> 4sec in app, anche con CrossWalk e con track by message.id) e anche digitando la textarea per inserire il messaggio è rallentata.
ho due soluzioni per risolvere questo:
- Ripetere virtuale (md-virtual-repeat)
- Infinite Scroll (ione-infinite-scroll)
1) Penso che la ripetizione virtuale sarebbe la soluzione migliore (l'ho già implementata su un'altra pagina e scorre 1500 elementi come un incantesimo) ma il problema è che i messaggi possono avere altezze diverse in base alle loro lunghezze e i requisiti di md-virtual-repeat sono che tutti gli elementi devono avere la stessa altezza per w ork.
2) Quindi forse possiamo ruotare il metodo di scorrimento infinito ma il problema ora è che farlo con la direttiva ion-infinite-scroll diventa un po 'complicato dal momento che una chat ha bisogno di attivare loadMore() quando raggiunge la cima e non il fondo.
Quindi la mia domanda è: Qualcuno ha una soluzione per avere un/veloce ng-repeat liscia all'interno di una chat utilizzando o una direttiva virtual-repeat in grado di gestire diverse altezze o un rotolo infinito che lavora al inizio?
Hai trovato una soluzione? – InsFi