具有动态标题和角度动态值的垂直表

Posted 2023-03-05

【中文标题】具有动态标题和角度动态值的垂直表

【英文标题】：Vertical table with dynamic headings and dynamic values in angular

【发布时间】：2020-03-13 12:50:37

【问题描述】：

考虑我的场景，我有 2 个来自服务调用的列表，一个列表将用作表格标题，另一个列表将用作表格数据。 像这样的---

列表 1 - [姓名、年龄]

列表 2 - [舒巴姆，25 岁​​]

表格应该看起来像 -

Name    Shubham
Age     25

另一个例子...

列表 1 - [DOC1，DOC2]

清单 2 - [待定，已批准]

DOC1    Pending
DOC2    Approved

谁能帮忙？

【问题讨论】：

显示列表。

我已经分享了描述中的列表。考虑 List 1 - DOC1, DOC2 & List 2 - Pending, Approved 在问题中添加了另一个示例

列表是数组，你已经展示了对象

已更新，您现在可以帮忙吗？

【参考方案1】：

试试这样：

Working Demo

<table>
    <ng-container *ngFor="let item of list1;let i = index">
        <tr>
            <td> list1[i]</td>
            <td> list2[i]</td>
        </tr>
    </ng-container>
</table>

【讨论】：

我现在感觉很傻，我在做同样的事情，并且在第二个

中也有 list1[i]，并且反复问自己一个问题-“为什么我在两个 中得到相同的项目吗？”可能我需要休息一下。尽管如此，我还是非常感谢你，但我对自己很失望。

我们都会犯愚蠢的错误。如果有用，请点赞并接受答案:)