json - 如何以角度将 25 个对象的地图打印到 5x5 表？

Question

如何以 Angular 将 25 个键的 Map 打印到 5x5 表？

输入：地图<字符串，字符串>

下面的示例地图

{“一”：“奇”，“二”：“偶”，. . . “二十五”：“奇数”}

---

下面是预期的输出，但带有循环。

<tr><td>one</td><td>one</td><td>one</td><td>one</td><td>one</td></tr>
<tr><td>six</td>...........<td>ten</td></tr>
<tr><td>eleven</td>........<td>fifteen</td>></tr>
<tr><td>sixteen</td>........<td>twenty</td></tr>
<tr><td>twentyone</td>........<td>twentyfive</td></tr>

标签： jsonangular

Answer 1

<ng-container *ngFor="let x of map | keyvalue">
    <tr>
        <td>{{x.key}}</td>
        <td>{{x.value}}</td>
    </tr>
</ng-container>

键值管

如果您需要以 5 个元素的块显示它，我建议您拆分它

例子