2017-05-31 2 views
0

Ich habe ein riesiges Array im unten stehenden Format, das von einer API zurückgegeben wird, muss es durchlaufen und in der mobilen App anzeigen. Gibt es einen Weg, ich kann dies in angular2 (bin ein Neuling)Wie man ein Array durchläuft, das von einer API im Ionic3-Framework zurückgegeben wird

Der Grund, warum ich nicht JSON-Format verwenden, ist, weil die Daten riesig ist, gibt es keine Daten, wenn ich es im Postboten laufen, daher denke ich daran direkt Schleife durch eine Anordnung in Ionic 3 und Gerüst Angular2

Array 
    (
    [0] => Array 
     (
     [SubjectID] => 16 
     [QuestionID] => 4358 
     [QuestionType] => 
     [Question] => Which one is a wrong statement? 
     [Answer1] => some answer1. 
     [Answer2] => some answer2 
     [Answer3] => some answer3 
     [Answer4] => some answer4 
     [CorrectAnswer] => 4 
     [Hint] => 
     [DiffLevel] => Medium 
     [Status] => Active 
     [AnsDescription] => some description. 
    ) 

[1] => Array 
    (
     [SubjectID] => 16 
     [QuestionID] => 4359 
     [QuestionType] => SingleAnswer 
     [QuestionType] => 
     [Question] => Which one is a wrong statement? 
     [Answer1] => some answer1. 
     [Answer2] => some answer2 
     [Answer3] => some answer3 
     [Answer4] => some answer4 
     [CorrectAnswer] => 4 
     [Hint] => 
     [DiffLevel] => Medium 
     [Status] => Active 
     [AnsDescription] => some description 
    ) 

) 

Dies ist meine .ts Datei: import {Component} von '@ Winkel/core'; Importieren Sie {NavController} von 'ionic-angular';

Bitte helfen Sie mir damit, ich muss einen Weg finden, diese Daten zu durchlaufen und in der App anzuzeigen. Danke im Voraus !! Ich freue mich auf einige Antworten.

Antwort

0

Warum nicht u die Schlüssel im Frontend verwenden:

<div *ngFor="#elem of data"> 
    <div [(ngModel)]="elem.SubjectId" 
</div> 

Oder Sie können data.forEach(elem => { ... }) Funktion

+0

@ Tobias..Thanks dafür verwenden, ich aktualisiert nur die Frage mit meiner Typoskript Datei , um zu überprüfen, ob es korrekt funktioniert, kann ich mein Array den Elementen in der Exportklasse zuweisen und das * ngFor in meiner ".html" -Datei verwenden? –

2
<div *ngFor="let item of items"> 
    <div [(ngModel)]="item.QuestionID"> {{item.Question}} </div> 
</div> 

In Class Function you can use 
this.items.forEach((item, index) => { ... }) 
Verwandte Themen