JSON in einer eckigen 4 Tabelle Iterieren

Ich habe eine ASP.net Web API, die diese Daten zurückgibt.JSON in einer eckigen 4 Tabelle Iterieren

json Daten:

[{"Id":"5a449c148b021b5fb4cb1f66","airline":[{"airlineID":-1,"airlineName":"Unknown","airlineAlias":"","airlineIATACode":"-","airlineICAOCode":"N/A","airlineCallsign":"","airlineBaseCountry":"","airlineActiveIndicator":"Y"},{"airlineID":1,"airlineName":"Private flight","airlineAlias":"","airlineIATACode":"-","airlineICAOCode":"N/A","airlineCallsign":"","airlineBaseCountry":"","airlineActiveIndicator":"Y"},{"airlineID":2,"airlineName":"135 Airways","airlineAlias":"","airlineIATACode":"","airlineICAOCode":"GNL","airlineCallsign":"GENERAL","airlineBaseCountry":"United States","airlineActiveIndicator":"N"}]}]

I Ansicht in Winkel 4. Implementierung Mein Service geschrieben haben, ist

getairlinedetailsservice(){ 
    return this.http.get(this.apiurl) 
    .map((res:Response)=>res.json()) 
    }

Mein Controller-Implementierung ist

this.srService.getairlinedetailsservice().subscribe(srs => { 
     console.log(srs); 
     this.srs=srs;

In meiner HTML-Ansicht, ich Haben Sie diesen Code

<tr *ngFor="let sr of srs"> 
     <td>{{sr.airlineName}}</td> 
     <td>{{sr.airlineIATACode}} </td> 
     <td>{{sr.airlineICAOCode}} </td> 
     <td>{{sr.airlineCallsign}} </td> 
     <td>{{sr.airlineBaseCountry}} </td>  
</tr>

Ich weiß, im etwas falsch zu machen, während die Bindung html. Könnten Sie bitte helfen.

Quelle

2017-12-31 Rajiv Krishnaa

Es XML ist der Rückkehr, und Sie Parsen es von 'res.json Aufruf()' ? Wie könnte das funktionieren? –

https://stackoverflow.com/questions/45706419/how-to-convert-xml-to-json-in-angular-4 – Sajeetharan

[wie-Parse-xml-in-Winkel-2] (https://stackoverflow.com/questions/36368405/how-to-parse-xml-in-angular-2) – HDJEMAI

folgende Code-Schnipsel Versuchen

<tr *ngFor="let sr of srs[0].airline"> 
     <td>{{sr.airlineName}}</td> 
     <td>{{sr.airlineIATACode}} </td> 
     <td>{{sr.airlineICAOCode}} </td> 
     <td>{{sr.airlineCallsign}} </td> 
     <td>{{sr.airlineBaseCountry}} </td>  
</tr>

out Check folgenden Link für Demo

DEMO

Quelle

2017-12-31 08:30:58

@RajivKrishnaa: willkommen :) –

JSON in einer eckigen 4 Tabelle Iterieren

Antwort

Verwandte Themen