无法访问数组Angular的数据

Question

我有一个从db获得的数组。我已设法在控制台中显示数据（我可以在Chrome控制台中看到数据，如图所示），但由于某种原因，实际的HTML页面中没有显示数据。 Hello 和 Hello 2 都已打印，但没有为{{p.price}}或{{p.propertyId}}打印数据

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>

Answer 1

你有数组数组，所以你需要嵌套ngFor，你可以使用辅助元素 <ng-container> ，如

<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>