2017-12-31 46 views
2

Ich habe ein Array, das von einer db erhalten wird. Ich habe es geschafft, die Daten in der Konsole anzuzeigen (ich kann die Daten in der Chrome-Konsole sehen, wie in Bild gezeigt), aber aus irgendeinem Grund werden auf der eigentlichen HTML-Seite keine Daten angezeigt. Hallo und Hallo beide gedruckt, aber keine Daten gedruckt für {{T.PREIS}} oder {{}} p.propertyIdKann nicht auf Daten des Array zugreifen Winkel

product.component.html

<table class="table" *ngIf='properties && properties.length'> 
    <tbody> 
     <tr>Hello</tr> 
     <tr *ngFor="let p of properties"> 
      <td>Hello 2</td> 
      <td>{{p.price}}</td> 
      <td>{{p.propertyId}}</td> 
     </tr> 
    </tbody> 
</table> 

Data in Console

Antwort

2

Sie haben Array von Arrays, so müssen Sie verschachtelte ngFor, können Sie das Element Helfer verwenden <ng-container> wie

<table class="table" *ngIf='properties && properties.length'> 
    <tbody> 
     <tr>Hello</tr> 
     <tr *ngFor="let p of properties"> 
     <ng-container *ngFor="let prop of p"> 
      <td>Hello 2</td> 
      <td>{{prop.price}}</td> 
      <td>{{prop.propertyId}}</td> 
     </ng-container> 
     </tr> 
     </span> 
    </tbody> 
</table> 
+0

Leider ist dieser HTML-Code ungültig. Die einzigen erlaubten direkten Kindelemente eines 'tr' sind' td' oder 'th'. – connexo

+0

@connexo sollte jetzt in Ordnung sein, können Sie ng-Container verwenden – Sajeetharan

+0

Ich habe nicht downvoted. Und nein, "span" ist dort illegal und erzeugt ungültiges HTML. – connexo

Verwandte Themen