Angularjs ottiene la richiesta di un enorme file json

Question

Ho bisogno di visualizzare alcuni dati da un database all'utente. I dati sono in un file JSON e ha una dimensione piuttosto grande. La dimensione del file json è approssimativamente di circa 15 MB. Ho creato un servizio e ho usato l'API promessa per fare una richiesta di successo e caricare i dati e mostrarli all'utente facendo su ng-repeat su un div. Ora, come capisci, la pagina mostrerà i dati solo quando il file è disponibile e fare una richiesta per recuperare un file da 15 MB richiede molto tempo. Vedo in alcuni casi Firefox interrompe semplicemente il caricamento del file dopo un po 'di tempo. Ora la mia domanda è qual è il modo angolare di fare un simile compito.

Sto pensando di fare qualcosa come prima mostrando solo alcune voci da file json e poi sullo scorrimento il resto della pagina verrà popolato dai dati rimanenti ma immagino che non sarà possibile perché quando la richiesta get ha fatto, per prima cosa scaricherà completamente il file e poi visualizzerà i dati?

Angular fornisce qualcosa chiamato ng-cloak ma è solo per sfuggire alla sfarfallio. C'è qualcosa come ng-cloak in angolare che posso usare? Eventuali altre idee o come affrontare tali scenari o qual è il modo angolare di realizzare questo?

Answer 1

Fai in modo che il tuo backend consegni il file in blocchi, in modo che il frontend angolare possa recuperarne una parte alla volta.

Qualcosa come:?

/backend/GetEntries saltare = 500 & count = 100

L'avere il frontend ripetutamente chiamare il back-end, mentre il conteggio fino saltare e aggiungere i risultati che stanno ottenendo di nuovo a tutto ciò che già nel frontend.

Answer 2

In base alle vostre esigenze di gestire essenzialmente un enorme carico utile JSON. FWIW si hanno due opzioni:

• Il server supporta HTTP/JSON in streaming:

  creare un angolare onreadystatechange gestore e utilizzare un parser di streaming JSON come oboe.js

• Il server non supporto streaming HTTP/JSON

  Fare ciò che chiunque altro è suggestin g e fornire un accesso impaginato a tale payload in modo che il browser possa caricarlo a blocchi su richiesta.