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

【问题标题】：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} 在问题中添加了另一个示例
列表是数组，你已经展示了对象
已更新，您现在可以帮忙吗？

标签： html css angular html-table angular7

【解决方案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]，并且反复问自己一个问题-“为什么我在两个中得到相同的项目吗？”可能我需要休息一下。尽管如此，我还是非常感谢你，但我对自己很失望。
我们都会犯愚蠢的错误。如果有用，请点赞并接受答案:)