如何基于角度<th></th>重复表格<td></td>6

Question

我有这两个数组

valuesArray=[{name:"abc",num:"111",status:"available"},
             {name:"def",num:"222",status:"available"},
             {name:"ghi",num:"333",ststus:"offiline"}]    
headerArray=[{headerName:"name"},{headerName:"num"}]

我想通过将tds与标头数组匹配的CC_2来构造一个表。请帮助我解决这个问题。预先感谢。

Answer 1

尝试这个，

<table>
    <thead>
        <tr>
            <!-- Iterate over headers -->
            <th scope="col" *ngFor="let header of headerArray;">
                 {{header.headerName}}
            </th>
        </tr>
    </thead>
    <tbody>
        <!-- Iterate over value rows -->
        <tr *ngFor="let valueRow of valuesArray">
            <!-- Iterate over headers -->
            <td *ngFor="let header of headerArray">
                <!-- Get required value by header as key -->
                {{valueRow[header.headerName]}}
            </td>
        </tr>
    </tbody>
</table>