Angular 如何以角度垂直排列表格标题

我有一个项目表，显示两列，每个项目一行。我想将项目显示为两行，每个项目显示一列

当前

Project ID | Project Name | 
-------------------------
value1.1   |   value1.2   |
value2.1   |   value2.2   |
...
valueN.1   |   valueN.2   |

所需的

Project ID   | value1.1 | value2.1 | ... | valueN.1
Project Name | value1.2 | value2.2 | ... | valueN.2

component.html.ts

项目ID
项目名称
{{project.id}
{{project.projectname}

要创建包含N个列的表，必须对每个属性迭代项目数组。在您的案例中有六个属性：项目ID、项目名称、状态、任务、Bug和部门

项目ID
{{project.id}
项目名称
{{project.projectname}
项目状态
{{project.projectstatus}
相关任务
{{project.TaskAssociated}
相关错误
{{project.buggassociated}
部门
{{项目部}

您必须以这种方式更改JSON才能实现这一点使用css

display:flex

property如果有多个属性怎么办？@GamingwithRoman多于Id和Name？你手头有列的清单吗？每个属性都需要一个*ngFor循环。我有项目id、项目名称、项目状态、TaskAssociated、BugAssociated、Department